웹 메신저에서 이벤트 추적을 위한 Google Analytics 사용

Freshchat에서 Google Analytics 이벤트 추적을 위해 아래 코드를 사용하세요:

코드 스니펫:

<script src="https://wchat.freshchat.com/js/widget.js"></script>
<script>
window.fcWidget.init({
  token: "WEB_CHAT_TOKEN",
  host: "https://wchat.freshchat.com",

  });
if (typeof(ga) === "function") {
        ga('create', '<GA TRACKING ID>', 'auto', 'FreshchatEvents');
        window.fcWidget.on("widget:loaded", function(resp) {
          window.fcWidget.on("widget:opened", function(resp) {
            ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'Widget Open');
          });
          window.fcWidget.on("widget:closed", function(resp) {
            ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'Widget Close');
          });
          window.fcWidget.on('message:received', function(resp) {
            ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'Received');
          });
          window.fcWidget.on('message:sent', function(resp) {
            ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'Sent');
          });
          window.fcWidget.on('user:statechange', function(resp) {
            if (resp && resp.data && resp.data.userState === "created") {
              ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'User Create');
            }
            if (resp && resp.data && resp.data.userState === "loaded") {
              ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'User Loaded');
            }
            if (resp && resp.data && resp.data.userState === "identified") {
              ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'User Identified');
            }
            if (resp && resp.data && resp.data.userState === "restored") {
              ga('FreshchatEvents.send', 'event', 'Freshchat widget', 'GadgetGod', 'User Restored');
            }
          });
        });
      }
      else {
        console.log('Google Analytics not loaded');
      }
    }
</script>

위 코드는 Freshchat 대화 위젯(웹 메신저)을 로드하며, Google Analytics 코드가 활성화된 경우에만 다음 이벤트를 추적합니다:

1. 위젯 열림
2. 위젯 닫힘
3. 메시지 전송
4. 메시지 수신
5. 사용자 생성
6. 사용자 로드
7. 사용자 식별
8. 사용자 복원
   

스크립트에서 두 개의 매개변수 - 웹 채팅 토큰과 Google Analytics 추적 ID만 교체하면 됩니다.

위 코드 스니펫에서 웹 채팅 토큰과 Google Analytics 추적 ID를 업데이트해야 하는 위치를 참고할 수 있는 이미지입니다.