イベントリスナーの設定

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

Shortform Event List

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>