이벤트 트래킹하기

숏폼에서 발생하는 여러 이벤트를 트래킹할 수 있습니다.

Subscribe Shortform Events

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

API - Shortform Events

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>

Updated 5 months ago