イベントリスナーの設定

    イベントリスナーの設定


    記事の要約

    Shoplive Shortform で追跡できる可能性のあるすべてのイベントとペイロードは、以下のリンクで確認できます。


    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

    イベントをトラッキングしているリスナーを解除します.

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