# 시작하기

<div align="center"><figure><img src="https://169964493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMb5WkedgvZ9Yk3Yxqep%2Fuploads%2FlX8wknF8DcvDQhpsN2q2%2FWeb-1.png?alt=media&#x26;token=376f7e17-e103-472b-886a-1efc1ffe5e34" alt=""><figcaption></figcaption></figure></div>

인앱 게임 외 기타 애플리케이션을 사용하시는 경우 블리피에서는 Web 기반의 HTML 임베디드 코드를 제공합니다.\
임베디드 코드는 기본 HTML 구조로 구성되며 <mark style="color:blue;">`iframe`</mark>을 통해 런처를 렌더링하게 됩니다.\
서비스 내에서 런처를 호출할 수 있는 UI 트리거를 생성하세요. 생성된 UI 트리거로 유저에게 다양한 블리피 애플리케이션을 제공할 수 있습니다.

***

## 임베디드 코드 확인하기

* [<mark style="color:orange;">\[Client Admin\]</mark>](https://client-admin.bleepy.io/)에서 자사의 프로모션을 생성합니다.
* <mark style="color:blue;">`[프로모션 관리]`</mark> > <mark style="color:blue;">`[프로모션 목록]`</mark> > <mark style="color:blue;">`[프로모션 상세]`</mark> > <mark style="color:blue;">`[개발 정보 확인하기 팝업]`</mark>에서 임베디드 기본 정보를 확인 할 수 있습니다.

<figure><img src="https://169964493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMb5WkedgvZ9Yk3Yxqep%2Fuploads%2FeMOCWrCqhaJ3MbNK1diM%2F%EC%84%A4%EB%AC%B8-2.png?alt=media&#x26;token=aa3de892-b8cf-48e3-bf42-cca83976049e" alt=""><figcaption></figcaption></figure>

<figure><img src="https://169964493-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMb5WkedgvZ9Yk3Yxqep%2Fuploads%2FW693lXKLQBMAXcGBB4bn%2F%EC%84%A4%EB%AC%B8-3.png?alt=media&#x26;token=534608e9-4103-4841-9729-36464cda0c18" alt=""><figcaption></figcaption></figure>

Ⓐ 개발 정보 확인하기 : 프로모션을 등록하시면 프로모션 상세 페이지에 해당 버튼이 노출되며, 버튼 클릭 시 임베디드 코드가 표시된 팝업창이 호출됩니다.

Ⓑ 임베디드 코드 : 자사 서비스에서 원하는 위치에 블리피 애플리케이션을 실행할 수 있도록 HTML 코드 형태로 제공되며, <mark style="color:blue;">`iframe`</mark>에 런처 호출 URL이 로드됩니다.

ⓒ userKey 설정 : 블리피 애플리케이션은 userKey 정보를 필수로 요구합니다. 유저를 구분할 수 있는 유니크한 key 값으로 직접 설정이 필요한 부분입니다. 자사 서비스의 회원 DB 정보 중 유니크한 값을 해당 값과 매핑 시키는 것을 추천드립니다.

{% hint style="danger" %}
블리피에서 제공하는 Secret Key의 보안 관리에 대한 책임은 클라이언트에게 있습니다. 재발급은 불가능하므로 외부로 유출되지 않도록 주의하시길 바랍니다.&#x20;
{% endhint %}

{% hint style="info" %}
개발에 대한 추가 설명이 더 필요하신가요?

"[<mark style="color:orange;">\[Client Admin\]</mark>](https://client-admin.bleepy.io/login) 로그인 → 오른쪽 하단 채널톡 위젯" 클릭 후 개발 카테고리에 문의 남겨주시면 기술 개발팀에서 확인 후 연락드리겠습니다.
{% endhint %}
