고도몰 (godomall)

📘

고도몰은 홈페이지에 간단한 스크립트 삽입을 통해 채널톡 설치가 가능합니다.

고도몰5, e나무 독립몰 중 사용한 빌더 종류에 맞는 가이드에 따라 진행해주세요.

고도몰5에 설치하기

1. PC웹에 설치하기

  • 고도몰5 관리자 페이지 [디자인] > [전체 레이아웃] > [상단 레이아웃] 을 클릭해주세요.
1920

1-1. body 의 시작 부분에 아래 채널톡 설치 스크립트를 복사해 추가해주세요.

<!-- 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 }-->
  settings.memberId = "{=gSess.memId}";
  settings.profile = {
    "name": "{=gSess.memNm}",
    "mobileNumber": "{=gSess.cellPhone}",
    "email": "{=gSess.email}",
    "cartCount": parsePureNumber("{=dataCartGoodsCnt()}"),
    "totalPurchaseCount": parsePureNumber("{=gSess.saleCnt}"),
    "totalPurchaseAmount": parsePureNumber("{=gd_currency_display(gSess.saleAmt)}"),
    "groupName": "{=gSess.groupNm}",
    "isAdult": "{=gSess.adultFl}",
    "availableMileage": parsePureNumber("{=gd_money_format(gMemberInfo.mileage)}{=gd_display_mileage_unit()}"),
    "totalDeposit": parsePureNumber("{=gd_money_format(gMemberInfo.deposit)}")
  };
  <!--{ : }-->
  <!--{ / }-->
  (function() {
    var w = window;
    if (w.ChannelIO) {
      return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
    }
    var ch = function() {
      ch.c(arguments);
    };
    ch.q = [];
    ch.c = function(args) {
      ch.q.push(args);
    };
    w.ChannelIO = ch;
    function l() {
      if (w.ChannelIOInitialized) {
        return;
      }
      w.ChannelIOInitialized = true;
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
      s.charset = 'UTF-8';
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
    if (document.readyState === 'complete') {
      l();
    } else if (window.attachEvent) {
      window.attachEvent('onload', l);
    } else {
      window.addEventListener('DOMContentLoaded', l, false);
      window.addEventListener('load', l, false);
    }
  })();
  if (settings && settings.memberId && settings.memberId.indexOf('=gSess.memId') >= 0) {
    console.error('You do not using godomall 5. please visit https://developers.channel.io/docs/guide-for-famous-builders and find correct one');
  } else {
    ChannelIO('boot', settings);
  }
</script>
<!-- End Channel Plugin -->

1-2. “👉YOUR_PLUGIN_KEY” 부분에 내 채널의 Plugin Key를 입력해주세요. (👉손가락 모양도 지워주세요.)

  • Plugin Key는 채널톡 관리자 [채널 설정] > [일반 설정] > [버튼 설치 및 설정] > [채널톡 버튼 설치] 에서 확인할 수 있습니다.
2880

2. 모바일 웹에 설치하기
* 고도몰5 관리자 페이지 [모바일샵] > [전체 레이아웃] > [상단 레이아웃] 접속하여 PC웹과 같은 단계로 설치를 진행합니다.

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


e나무 독립몰에 설치하기

1. PC웹에 설치하기

  • e나무 관리자 페이지 [디자인] > [전체 레이아웃] > [상단 레이아웃] 을 클릭해주세요.
1024

1-1. body 의 시작 부분에 아래 채널톡 설치 스크립트를 복사해 추가해주세요.

<!-- Channel Plugin Scripts -->
<script>
  var settings = {
    "pluginKey": "👉YOUR_PLUGIN_KEY"
  };
  <!--{ ? _sess }-->
  settings.memberId = "{_sess.m_id}";

  {=this->assign('m_info', dataMember())}

  settings.profile = {
    "name": "{_member.name}",
    "email": "{_member.email}",
    "mobileNumber": "{m_info.mobile}",
    "zipCode": "{m_info.zipcode}",
    "address": "{m_info.address} {m_info.address_sub}",
    "tel": "{m_info.phone}"
  };
  <!--{ : }-->
  <!--{ / }-->
  (function() {
    var w = window;
    if (w.ChannelIO) {
      return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
    }
    var ch = function() {
      ch.c(arguments);
    };
    ch.q = [];
    ch.c = function(args) {
      ch.q.push(args);
    };
    w.ChannelIO = ch;
    function l() {
      if (w.ChannelIOInitialized) {
        return;
      }
      w.ChannelIOInitialized = true;
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
      s.charset = 'UTF-8';
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
    if (document.readyState === 'complete') {
      l();
    } else if (window.attachEvent) {
      window.attachEvent('onload', l);
    } else {
      window.addEventListener('DOMContentLoaded', l, false);
      window.addEventListener('load', l, false);
    }
  })();
  if (settings && settings.memberId && settings.memberId.indexOf('_sess.m_id') >= 0) {
    console.error('You do not using godomall e-namu or install in wrong place. please visit https://developers.channel.io/docs/guide-for-famous-builders and find correct one');
  } else {
    ChannelIO('boot', settings);
  }
</script>
<!-- End Channel Plugin -->
  1. 1-2. “👉YOUR_PLUGIN_KEY” 부분에 내 채널의 Plugin Key를 입력해주세요. (👉손가락 모양도 지워주세요.)
  • Plugin Key는 채널톡 관리자 [채널 설정] > [버튼 설치 및 설정] > [채널톡 버튼 설치] 에서 확인할 수 있습니다.
2880

2. 모바일 웹에 설치하기

  • e나무 관리자 페이지 [모바일샵] > [전체 레이아웃] > [상단 레이아웃] 접속하여 PC웹과 같은 단계로 설치를 진행합니다.
1003
  1. 채널톡 설치가 완료되었습니다! 웹사이트 우측 하단에 채널톡 버튼이 생성된 것을 확인해주세요. 이제 채널톡 관리자로 이동하여 채널 설정을 완료하고 고객과 상담을 시작할 수 있습니다.


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

🚧

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

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

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

1) 고객 프로필 정보

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

채널톡 고객 정보 및 DB 활용 가이드 https://guide-kr.channel.io/457fc410-189f-4c78-b174-746ef45a7e8b

데이터 값설명고도몰5e나무 독립몰
memberId각 회원을 구분하는 고유 값OO
name회원 이름OO
email회원 이메일XO
mobileNumber회원 휴대폰 번호OO
groupName회원 등급OX
availableMileage사용 가능한 마일리지OX
totalDeposit총 예치금OX
cartCount회원의 현재 장바구니에 담긴 상품 개수OX
totalPurchaseAmount회원이 구매한 상품의 총 금액OX
totalPurchaseCount회원이 구매한 상품의 총 개수OX
isAdult성인인증 여부OX
address주소XO
zipCode우편번호XO

2) 이벤트(event) 정보

고객이 특정 행동을 하는 타이밍에 맞춰 메시지를 보내는 마케팅 캠페인 설정시 유용하게 사용할 수 있어요. 기본적으로 Pageview 이벤트가 제공됩니다.


NHN shop by 홈페이지 관련

NHN shop by는 채널톡 공식 제휴 빌더사가 아니기 때문에 직접 스크립트를 수정하여 채널톡 설치와 회원 정보 연동을 진행해주셔야 합니다. 개발자 문서를 따라 채널톡 설치 스크립트를 홈페이지에 추가해주세요.