이벤트 리스너 설정

    이벤트 리스너 설정


    기사 요약

    Shoplive Shortform 에서 트래킹할 수 있는 가능한 모든 이벤트와 payload는 아래 링크에서 확인할 수 있습니다.


    addShortformEventListener

    이벤트 트래킹을 원하는 곳에 아래 코드를 입력하세요.

    <script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
    <script>
      // Initialize
      cloud.shoplive.initShortform({ accessKey: 'YOUR ACCESS KEY HERE' });
      
      // Shortform event listener
      const listener = (message, payload) => {
        switch(message) {
          case 'COLLECTION_CLICK_ITEM':
            console.log("User clicks collection items : ", payload);
            break;
          case 'DETAIL_CLICK_PRODUCT_CARD':
            console.log("User clicks product card item : ", payload);
            break;
        }
      }
      
      // Add event listener
      cloud.shoplive.addShortformEventListener(listener);
    </script>


    removeShortformEventListener

    이벤트를 트래킹하고 있는 listener를 해제합니다.

    <script>
      // shortform event listener
      const listener = (message, payload) => {
        console.log('shortform event listener', message, payload);
      }
      
      // remove event listener
      cloud.shoplive.removeShortformEventListener(listener);
    </script>