이벤트 제어를 위한 messageCallback
Shoplive Plugin 에서 제공하는 다양한 이벤트를 구독하고 제어할 수 있습니다.
messageCallback 설정 예시.
아래는 플러그인의 init() 에서 messageCallback 함수를 설정하는 예시 입니다.
<script type="text/javascript" src="https://static.shoplive.cloud/shoplive.js"></script>
<script>
var messageCallback = {
// 모아보기 방송 목록중 하나를 클릭했을 때.
ON_CLICK_CAMPAIGN_LIST_ITEM: function(payload) {
var campaign = payload.campaign;
var ak = payload.ak;
console.log('Campaign info : ', campaign);
// show player modal
cloud.shoplive.showLayerModalPlayer(ak, campaign);
}
};
cloud.shoplive.init({ accessKey: 'YOUR_ACCESS_KEY', messageCallback: messageCallback });
</script>
ON_CLICK_CAMPAIGN_LIST_ITEM
모아보기 방송 목록 중 하나를 클릭했을 때.
Payload | type |
---|---|
campaign | PluginCampaign |
ON_PLAYER_MODAL_SHOWN
플레이어 모달 UI 가 화면에 표시 되었을 때.
Payload | Payload |
---|---|
campaign | PluginCampaign |
ON_PLAYER_MODAL_HIDDEN
플레이어 모달 UI 가 닫히고 화면에서 사라졌을 때.
Payload | Payload |
---|---|
campaign | PluginCampaign |
ON_CLICK_CLOSE_PLAYER_MODAL
사용자가 플레이어 모달 UI 의 닫기버튼을 클릭 했을 때.
Payload | Payload |
---|---|
campaign | PluginCampaign |
ON_LIVE_MINI_PREVIEW_SHOWN
라이브 방송 배너가 표시 될 때
ON_LIVE_MINI_PREVIEW_HIDDEN
라이브 방송 배너가 화면에서 사라질 때
ON_CLICK_CLOSE_LIVE_MINI_PREVIEW
사용자가 라이브 방송 배너의 닫기 버튼을 클릭했을 때.
CLICK_PRODUCT
상품 목록 중 상품 하나를 클릭했을 때.
Payload | type |
---|---|
payload | Goods |
LINK_NEW_WINDOW
상품 배너 클릭했을 때
팝업설정 - 클릭이벤트 '새창으로 열기'
Payload | type |
---|---|
url | string |
CLICK_SHARE_BTN
공유 버튼을 클릭했을 때
Payload | type |
---|---|
campaignKey | string |
shareUrl | string |
Payload types
PluginCampaign
Name | Type | Description |
---|---|---|
campaignKey | string | 방송의 Unique Key |
campaignStatus | "READY" | "ONAIR" | "CLOSED" | 방송 상태 |
title | string | 방송의 제목 |
scheduledAt | number (Timestamp in milliseconds) | 판매 가격 |
memo | string? | 방송 description |
backgroundUrl | string? | 방송중 배경 이미지 주소 |
rehearsal | boolean? | 리허설 상태 여부 |
Goods
Name | Type | Example | Description |
---|---|---|---|
sku | string | "SKU" | 상품코드 |
name | string | "PRODUCT_NAME" | 상품명 |
brand | string | "BRAND" | 브랜드 |
url | string | "https://shoplive.cloud" | 상품 URL |
showingNow | boolean | true / false | NOW 마크 표시 여부 |
salesStatus | string | "ON_SALE" | "SOLDOUT" | "ALMOST_SOLDOUT" | 판매중 / 매진 / 매진 임박 |
originalPrice | LosslessNumber | {"value": "10000"} | 판매 가격 |
discountedPrice | LosslessNumber | {"value": "9000"} | 할인 가격 |
discountPercentage | LosslessNumber | {"value": "10.0"} | 할인율 |
currency | string | "KRW" | 통화 |
goodsId | LosslessNumber | {"value": "1"} | 상품의 고유번호 |
description | string | "Description" | 상품 설명 |
campaignId | LosslessNumber | {"value": "1"} | 방송의 고유번호 |
isCartOn | boolean? | true / false | 카트에 담기 / 담기 취소 |
Updated over 1 year ago