채널톡을 자체제작 사이트에 설치 및 연동하는 방법
자체제작 사이트의 연동을 어려워 하는 고객분들을 위한 가이드문서입니다. 채널톡은 온 세상 모든 개발자를 응원합니다..!
완벽한 채널톡 설치의 대전제 3가지
- 고객의 정보를 잘 가져오도록 설치 되어야 한다.
- 고객의 정보가 잘 연동되어야 한다.
- 고객의 행동 데이터를 최대한 모아야 한다.
기본적인 설치와 관련된 모든 기본 사항은 채널톡 개발자 문서를 통해 확인 가능합니다.
정보를 잘 가져오는 설치방법 (필독)
채널톡을 잘 설치하기 위한 전제 조건은 '고객이 방문할 수 있는 모든 페이지에서 'Boot'가 실행되어야 한다'입니다. 'Boot'를 할때 채널톡이 고객의 정보를 갱신할 수 있기 때문입니다.
설치 시, 로그인 페이지, 주문서 작성 페이지 등 특정 페이지에서 'Boot'가 누락되지 않도록 처리해주세요.
고객 정보 연동
*### 다양한 고객의 정보 연동하기 *채널톡에 회원정보 연동을 진행하실 때, 다음과 같은 형태가 가장 많이 사용됩니다.
연동하고자 하는 키와 값은 임의로 지정이 가능하며 Date, String, Boolean, String, List 다섯가지 타입을 지원합니다.
형변환을 미리 해주시면 마케터, CS담당자의 편의성을 올릴 수 있습니다.
기본 연동 사항 (공식문서 참조)
- 아이디 (memberId)
- 멤버해시 (memberHash)
- 수신거부 여부(unsubscribed)
- 프로필(profile)
- 이름(profile.name)
- 연락처(profile.mobileNumber)
필수적인 커머스 연동 프로필 키 제안 (공식문서 참조)
연동하시려는 정보의 type을 꼭 확인해주세요! '형변환' 적용이 필요하지 않은지(숫자 등) 확인이 필요합니다!
- 가입일 (joinDate)
- 누적 구매 횟수 (purchaseCount)
- 누적 구매 금액 (purchaseAmount)
- 장바구니 개수(cartCount)
- 장바구니 금액(cartPrice)
- 찜 개수(wishCount)
- 적립금(availableMileage)
- 쿠폰 개수(couponCount)
- 회원 등급 (groupName)
버티컬 별 연동 키 제안
- 서비스 구독여부 - B2B, 교육
- 현재 수강 과목, 이전 수강 과목, 최종 수강 일자 - 교육
- 관심사, 성별 - 콘텐츠
- 그 밖의 각각의 비즈니스에서 활용하고 계신 고객의 정보
이벤트
고객의 행동을 추적하기 (공식문서 참조)
객이 어떤 페이지를 보고, 어떤 버튼을 클릭했거나, 정보를 제출하는 등 고객의 행동을 알아야 적절한 순간에 고객에게 메시지를 보낼 수 있습니다. 커스텀 이벤트를 만들어 원하는 타이밍에 메시지를 발송해 봅시다.
고객의 행동에 맞는 메시지를 발송하는 예시(커머스, B2B 등)
- 회원가입 후 핵심 활동(구매, 정보 제출, 구독 등)을 하지 않는 경우 n일 뒤에 메시지 보내기
- 장바구니에 상품을 담고 구매를 하지 않는 고객에게 n일 뒤에 메시지 보내기
- 연락처를 제출하고 세일즈 담당자와 상담을 하지 않은 경우 n시간 뒤에 메시지 보내기
- 고객이 특정 버튼을 클릭한 경우 즉시 메시지 보내기
E-Commerce의 대표적인 이벤트
- 회원가입 완료(SignUp)
- 장바구니 담기(AddToCart)
- 찜 하기(AddToWish)
- 주문서 작성(BeginCheckout)
- 구매 완료(Purchase)
- 제출 완료(CompleteSubmit)
- 리뷰 작성 완료(CompleteReview)
- 상세페이지 조회(ViewProduct)
B2B, 서비스의 대표적인 이벤트
- 계정 생성(CreateAccount)
- 양식 제출(SubmitForm)
- 구독 또는 구매(Subscribe, Purchase)
커스텀 이벤트를 채널톡으로 보내주는 두 가지 방법
- 장점 : 코드 작성 없이 커스텀 이벤트 제작 가능
- 단점 : 프로퍼티가 제한적임, 경우에 따라 잡을 수 없는 이벤트 존재
공식문서를 참고하여 채널톡 플러그인 활용
- 장점: 다양한 프로퍼티를 담아 전송 가능
- 단점: 구매 이벤트 발생 시 상품의 코드, 전체 상품 금액, 전체 상품 개수 등을 프로퍼티에 담아 전송
더 많은 채널톡 가이드는 공식문서 참고해주세요!
