Javascript SDK

Recommendation

해피톡 웹채팅창을 사용하기 위해서는 에디터에서 적용하기 버튼을 클릭하고 사용해주셔야합니다.

Installation

최신 해피톡 Javascript Chat SDK를 사용하기 위해서는 head 혹은 body 태그 안에 아래 스크립트 코드를 삽입해 주세요.

<script id="happytalkSDK" src="https://design.happytalkio.com/sdk/happytalk.chat.v2.min.js"></script>

Initialize Happytalk Chat SDK

해피톡 대시보드에서 생성된 **SITE_ID, SITE_NAME, CATEGORY_ID, DIVISION_ID **를 아래 예시처럼 삽입해 주세요.

// Initialize happytalk instance to use SDK in your app
var ht = new Happytalk({
    siteId: SITE_ID,
    siteName: SITE_NAME,
    categoryId: CATEGORY_ID,
    divisionId: DIVISION_ID,
});

각 option 값은 string으로 전달해 주세요.

Key	Type	Condition	Reference
siteId	string	Required	App ID
siteName	string	Required	App Name
categoryId	string	Required	대분류 ID
divisionId	string	Required	중분류 ID
partnerId	string	Optional	파트너사 ID
shopId	string	Optional	쇼핑몰 ID
params	string	Optional	고정 및 Custom 파라미터 추가영역, 파라미터가 여러개인 경우 ,(콤마)로 구분, ex)'parameter1=1,parameter2=2,site_uid=1'
kakaoId	string	Optional	카카오톡 채널 ID
naverId	string	Optional	네이버톡톡 채널 ID
options	Options	Optional	채팅 부가 옵션 Reference (https://app.gitbook.com/@happytalk/s/happybook-manual/~/drafts/-Mi5QH2IJ0Ce6TboJUJm/site-manager/get-started/sdk/options)

params에 site_uid 값을 넘길 경우 다른 브라우저를 사용하더라도 동일한 웹채팅창을 요청합니다.

에디터 창에서 설정한 채널 ID 값은 기본 default 값이며 kakaoId랑 naverId를 추가하면 기본값을 override합니다.