실시간 1:1채팅 / 그누보드 회원정보 연동 (추가) > 그누보드5 팁자료실

그누보드5 팁자료실

실시간 1:1채팅 / 그누보드 회원정보 연동 (추가) 정보

실시간 1:1채팅 / 그누보드 회원정보 연동 (추가)

첨부파일

00.jpg (49.3K) 15회 다운로드 2019-05-21 19:50:22

본문

참고로 해당 서비스 업체와는 아무런 관련이 없고
채팅상담을 찾는중에 괜찮은 솔루션이 있고, 그누보드나 영카트의 회원정보와
연동되면 좋겠다싶어 연동코드와 함께 공유 합니다.

 

아임웹이나 카페24, 고도몰 같은 솔루션은 연동메뉴얼을 제공하나

그누는 없어서 가슴이 너무 아파서 서비스업체 담당자분께 질의를 해가며... 얻은 정보이고

기본적인 테스트를 마쳤습니다.

 

-----------

실시간 1:1 채팅상담을 웹사이트에 추가하고 실제 상담시 로그인된

회원정보와 연동되어 이름, 이메일, 전화번호 등이 자동으로

채팅 관리패널로 들어갈 수 있도록 하면 좋겠다싶어 추가해 보았습니다.

 

서비스업체는 채널톡 https://channel.io/ko 이며 일일 방문자수 100명 미만은 무료사용이 가능합니다.

윈도우 프로그램이나, 모바일 어플로도 사용이 가능하고

자신의 웹사이트에 스크립트를 추가하여 사용할 수 있어서 편한것 같습니다.

 

채널톡 https://channel.io/ko 가입하시고 (간단함)

설치 스크립트를 아래와 같이 변경해주시면 되겠습니다.

 


// 기존 스크립트에서 키값만 분리
<script>
  ;window.channelPluginSettings = {
    "pluginKey": "원본 설치 스크립트에 있는 키값"
  };
</script>
 
// 추가된 그누보드 연동 코드
<?php if ($is_member) { ?>
    <script>
    if ('<?php echo $member['mb_id'] ?>') {
        window.channelPluginSettings.userId = '<?php echo $member['mb_id'] ?>'; // 회원아이디
        window.channelPluginSettings.profile = {
            "name": "<?php echo $member['mb_name'] ?>", // 회원이름
            "email": "<?php echo $member['mb_email'] ?>", // 회원이메일
            "mobileNumber": "<?php echo $member['mb_hp'] ?>" // 회원휴대전화
        };
    }
    </script>
<?php } ?>
 
// 기존 스크립트 에서 window.channelPluginSettings = { } 만 없음 (위로 분리됨)
<script>
  (function() {
    var w = window;
    if (w.ChannelIO) {
      return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
    }
    var d = window.document;
    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);
    }
  })();
</script>
<!-- Channel Plugin Scripts -->

 

이렇게 넣어주시면 되고

모든 페이지에서 보이게 하고자 head.sub.php 에 넣는 경우

비번찾기나 게시물 이동 등 새창 모듈에도 상담버튼이 보이기 때문에

head.php 나 tail.php 에 넣는것을 추천 드립니다.

 

사용하시다가 나중에 설치 스크립트가 변경(업데이트) 되는 경우
원본 스크립트 에서 키값(pluginKey)만 분리하고 그누 연동코드만 그대로 추가해주시면 되겠습니다.

 

자세한 설치방법 및 이용방법은 서비스업체의 홈페이지를 이용하시면 되겠습니다.

 

 

2019-05-22 추가

관리패널의 접속자 관리화면 캡쳐 추가합니다.

회원목록은 로그인 후 1:1상담을 했을때 자동으로 가져오는 그누 회원정보입니다.

임의로 그누의 mb_nick 을 추가할 수도 있습니다. (관리패널에 정보추가 항목이 있음)

 


"nick": "<?php echo $member['mb_nick'] ?>" // 회원닉네임

 

채널톡에서 기본적으로 상담자의 프로필이미지도 사용을 하는데

그누에서 회원이미지를 사용하고 있는경우 아래와같이 가져올 수 있습니다.

 


"avatarUrl": "<?php echo G5_URL ?>/data/member_image/<?php echo substr($member['mb_id'],0,2) ?>/<?php echo $member['mb_id'] ?>.gif"

 

 

하단에 뜨는 버튼이 보기싫은 경우 숨겨버리고
별도로 botton 이나 a 태그를 넣어서
onclick="ChannelIO('show')" 또는 a href="javascript:ChannelIO('show')" 으로
채팅창을 열어줄 수 있습니다.

 

모바일기기 에서 상담창을 여는 경우 메신저 처럼 
꽉찬 화면을 제공 하고, 관리자의 경우 윈도우 설치 프로그램 이나 어플을 통해서도 응대가 가능한것이
큰 장점인것 같습니다.

 

 

 

비회원일때 관리패널로 들어오는 사용자목록

 

1754226472_1558491306.7941.png

 

 

로그인후 상담을 했을때 그누의 회원정보를 가져옵니다.

 

1754226472_1558491357.2431.png

 

 

회원이미지도 잘 가져오는것 같습니다.

다만 회원이미지가 없을때는 흰색 이미지가 들어가기때문에

if문 으로 이미지가 없을때를 체크해서 비워주면 이름 앞글자로 알아서 들어갑니다. 

 

1754226472_1558491409.1666.png

 

 

실제 그누 회원정보

 

1754226472_1558491419.9079.png

 

추천
14

댓글 19개

한동안 참 애용했고 정말 잘 만들어진 좋은 소프트웨어이긴 한데 마음에 걸리는것이 사용자 IP주소나 정보를 모두 저장한다는것.. 그 채팅내역이 보인다는것이 좀 맘에 걸리더라구요.. 
돈을 내더라도 채팅내역이 채널io 회사가 아닌 사업주 서버에 남도록 했음 참 좋을텐데 하는 아쉬움이 남습니다. 아마 관련 채팅앱으로는 유일하게 웹,어플,윈도우를 지원할겁니다 아마..
바꿔치기... 제가 이해를 못했습니다 ㅎㅎ
업체만 보면 이번에 투자도 크게 받은거같고
발전 가능성이 있는것 같습니다
전체 2,411 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT