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>