고도몰 (godomall)

📘

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

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

고도몰5에 설치하기

1. PC웹에 설치하기

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

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는 채널톡 관리자 [채널 설정] > [일반 설정] > [버튼 설치 및 설정] > [채널톡 버튼 설치] 에서 확인할 수 있습니다.
28802880

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

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


e나무 독립몰에 설치하기

1. PC웹에 설치하기

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

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는 채널톡 관리자 [채널 설정] > [버튼 설치 및 설정] > [채널톡 버튼 설치] 에서 확인할 수 있습니다.
28802880

2. 모바일 웹에 설치하기

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


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

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

1) 고객 프로필 정보

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

데이터 값

설명

고도몰5

e나무 독립몰

memberId

각 회원을 구분하는 고유 값

O

O

name

회원 이름

O

O

email

회원 이메일

O

mobileNumber

회원 휴대폰 번호

O

O

groupName

회원 등급

O

availableMileage

사용 가능한 마일리지

O

totalDeposit

총 예치금

O

cartCount

회원의 현재 장바구니에 담긴 상품 개수

O

totalPurchaseAmount

회원이 구매한 상품의 총 금액

O

totalPurchaseCount

회원이 구매한 상품의 총 개수

O

isAdult

성인인증 여부

O

🚧

SNS 로그인에 대하여

현재 고도몰 측의 기술상 문제로 SNS 연동으로 로그인할 경우에는 핸드폰 번호를 포함한 몇 가지의 정보가 열람되지 않을 수 있습니다.


2) 이벤트(event) 정보

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


NHN shop by 홈페이지 관련

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