고도몰 (godomall)

📘

고도몰은 채널톡 공식 빌더사로, 클릭 몇 번만으로 3분 안에 설치가 가능합니다.

고도몰에 채널톡 설치하기

1. NHN커머스 앱스토어에서 [설치하기] 버튼을 클릭해주세요.

2. 설치할 쇼핑몰을 선택하고 [설치] 버튼을 클릭해주세요.

3. 사용 권한 및 서비스 이용 약관 동의 화면에서 [동의 및 설치] 버튼을 클릭하면 채널톡 앱이 설치됩니다.

4. 앱 설치가 완료되면 [설치 리스트 가기] 버튼을 눌러 주세요.

5. 쇼핑몰 관리자 어드민 > 앱 서비스 > 앱 리스트 에서 채널톡 앱의 [실행] 버튼을 클릭하면 채널톡 연동을 시작합니다. [연동 시작하기]를 눌러 순차적으로 진행해주세요.

6. 채널톡 계정 생성 후 채널톡 버튼을 설치합니다.

• 내 채널 목록에서 연결할 채널을 선택해 주세요. 만약 내 채널이 여러 개라면 사이트와 연동할 1개의 채널을 선택해 주세요.

• 채널톡 스크립트 설치 버튼을 클릭하면 자동으로 설치됩니다.

6. 채널톡 설치가 완료되었습니다! 웹사이트 우측 하단에 채널톡 버튼이 생성된 것을 확인해주세요. 이제 채널톡 관리자로 이동하여 채널 설정을 완료하고 고객과 상담을 시작할 수 있습니다.
   
   

기존 고도몰 고객사를 위한 마이그레이션 가이드

해당 방식으로 채널톡을 설치하시려면 반드시 기존 스크립트 방식으로 설치된 스크립트를 제거해 주셔야 합니다!

1. 고도몰 관리자 페이지 [디자인] > [전체 레이아웃] > [상단 레이아웃] 을 클릭해주세요.
2. body의 시작 부분에 아래 채널톡 설치 스크립트가 있을텐데,
   <!-- Channel Plugin Scripts --> 부터 <!-- End Channel Plugin --> 까지의 코드를 모두 지워 줍니다.

<!-- Channel Plugin Scripts -->
<script>
  function parsePureNumber(number) {
    var ch_pureNumber = number.replace(/[^0-9\.]+/g, '');
    if (ch_pureNumber === "") {
      return null;
    }
    return parseFloat(ch_pureNumber) || 0;
  }
  var settings = {
    // action banner z index is 199997 ~ 199998
    "zIndex": 100000,
    "pluginKey": "👉YOUR_PLUGIN_KEY"
  };
  <!--{ ? gd_is_login() === true }-->
  
  ... 중략
</script>
<!-- End Channel Plugin -->

3. 이후 위 "고도몰 채널톡 설치하기" 가이드의 1번 과정부터 연동을 시작해 주세요.

🚧

간편 설치 방식에서의 이벤트 트래킹 주의 사항

간편 설치 방식을 도입할 경우, 스크립트가 비동기적으로 로드되므로 ChannelIO 객체가 즉시 사용할 수 없는 시점이 존재할 수 있습니다.

예를 들어 버튼 클릭 시 ChannelIO('track', ...)으로 이벤트를 전송하고자 할 경우,
Channel.io 스크립트가 아직 로드되지 않았다면 해당 호출이 실패하거나 무시될 수 있습니다.

예시: 기존 방식 (문제가 발생할 수 있음)

<button onclick="ChannelIO('track', 'eventName', eventProperties);">

개선된 방식: 안전하게 ChannelIO가 로드될 때까지 대기

<script>
    function handleEvent(eventName, eventProperties) {
        let retryCount = 0;
        const maxRetry = 100; // 100번 * 100ms = 최대 10초

        const interval = setInterval(() => {
            if (window.ChannelIO) {
                clearInterval(interval);
                window.ChannelIO('track', eventName, eventProperties);
            } else {
                retryCount++;
                if (retryCount >= maxRetry) {
                    clearInterval(interval);
                    console.warn('[ChannelIO] 10초 이내에 로드되지 않아 이벤트 전송에 실패했습니다:', eventName);
                }
            }
        }, 100);
    }
</script>

<button onclick="handleEvent('eventName', eventProperties)">

간편 설치 방식을 사용하는 모든 환경에서는 반드시 위의 개선된 방식으로 track 이벤트를 호출해 주세요.
이를 통해 Channel.io의 마케팅 기능 및 사용자 이벤트 기반 자동화 기능이 안정적으로 작동하게 됩니다.

고도몰에서 제공하는 고객 정보

🚧

소셜 로그인(SNS 간편가입)에 대하여

현재 고도몰 쪽의 기술상 문제로 SNS 간편 로그인(예시: 카카오 가입, 네이버 로그인 등) 시 핸드폰 번호를 비롯하여 몇 가지 프로필 정보가 연동되지 않습니다.

채널톡을 설치한 후 기존 회원이 웹사이트에 방문하여 로그인 하거나 신규 회원이 회원가입할 때 해당 고객 정보가 채널톡으로 자동으로 연동됩니다.

1) 고객 프로필 정보

고객과 상담을 진행할 때 오른쪽 사이드뷰 에서 고객 정보를 확인하고 밀착형 응대를 진행해보세요. 아래 데이터 값을 기준으로 필터를 적용하여 CRM 마케팅에 활용할 수 있어요.

채널톡 고객 정보 및 DB 활용 가이드 https://channel.io/ko/guides/contacts

• 추가적으로 회원정보 데이터를 연동하시고자 한다면 고도몰 개발자 문서를 참고해주세요.

2) 이벤트(event) 정보

고객이 특정 행동을 하는 타이밍에 맞춰 메시지를 보내는 마케팅 캠페인 설정시 유용하게 사용할 수 있어요.

채널톡 설치 해제하기

• 쇼핑몰 관리자 어드민 > 앱 서비스 > 앱 리스트 에서 채널톡 앱의 [실행] 을 클릭합니다. 바로 연결되는 채널톡 페이지에서 [설치 해제]를 눌러 진행해주세요. 설치를 해제해도 채널에서의 기존 상담 내역은 삭제되지 않습니다.