이벤트 제어를 위한 messageCallback
Shoplive Shortform 에서 발생하는 여러가지 이벤트를 직접 핸들링 할 수 있는 messageCallback 함수를 제공합니다.
messageCallback 설정 예시
페이지의 공통 레이아웃에 아래 코드를 입력합니다.
<script type="text/javascript" src="https://static.shoplive.cloud/shoplive-shortform.js"></script>
<script>
const messageCallback: {
LOGIN_REQUIRED: function(payload) {
alert("LOGIN_REQUIRED");
location.href = "YOUR_LOGIN_PAGE_URL";
},
ON_CLICK_PRODUCT_ITEM: function(payload) {
alert("ON_CLICK_PRODUCT_ITEM");
location.href = payload.product.url;
}
};
cloud.shoplive.initShortform({
accessKey: 'YOUR ACCESS KEY HERE',
messageCallback: messageCallback
});
</script>
Messages & Payload
messageCallback 설정으로 직접 핸들링할 수 있는 이벤트의 목록은 아래와 같습니다.
LOGIN_REQUIRED
사용자가 댓글을 작성하려고 할 때와 같이 로그인이 필요한 경우
payload type type string
ON_CLICK_PRODUCT_ITEM
상품 목록에서 상품 하나를 클릭하는 경우
ON_CLICK_SHARE_BUTTON
공유 버튼을 클릭하는 경우
payload type shorts Shorts url string
Updated 12 months ago