이벤트 제어를 위한 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

모아보기 방송 목록 중 하나를 클릭했을 때.

Payloadtype
campaignPluginCampaign

ON_PLAYER_MODAL_SHOWN

플레이어 모달 UI 가 화면에 표시 되었을 때.

PayloadPayload
campaignPluginCampaign

ON_PLAYER_MODAL_HIDDEN

플레이어 모달 UI 가 닫히고 화면에서 사라졌을 때.

PayloadPayload
campaignPluginCampaign

ON_CLICK_CLOSE_PLAYER_MODAL

사용자가 플레이어 모달 UI 의 닫기버튼을 클릭 했을 때.

PayloadPayload
campaignPluginCampaign

ON_LIVE_MINI_PREVIEW_SHOWN

라이브 방송 배너가 표시 될 때


ON_LIVE_MINI_PREVIEW_HIDDEN

라이브 방송 배너가 화면에서 사라질 때


ON_CLICK_CLOSE_LIVE_MINI_PREVIEW

사용자가 라이브 방송 배너의 닫기 버튼을 클릭했을 때.


CLICK_PRODUCT

상품 목록 중 상품 하나를 클릭했을 때.

Payloadtype
payloadGoods

LINK_NEW_WINDOW

상품 배너 클릭했을 때

팝업설정 - 클릭이벤트 '새창으로 열기'

Payloadtype
urlstring

CLICK_SHARE_BTN

공유 버튼을 클릭했을 때

Payloadtype
campaignKeystring
shareUrlstring



Payload types

PluginCampaign

NameTypeDescription
campaignKeystring방송의 Unique Key
campaignStatus"READY" | "ONAIR" | "CLOSED"방송 상태
titlestring방송의 제목
scheduledAtnumber (Timestamp in milliseconds)판매 가격
memostring?방송 description
backgroundUrlstring?방송중 배경 이미지 주소
rehearsalboolean?리허설 상태 여부

Goods

NameTypeExampleDescription
skustring"SKU"상품코드
namestring"PRODUCT_NAME"상품명
brandstring"BRAND"브랜드
urlstring"https://shoplive.cloud"상품 URL
showingNowbooleantrue / falseNOW 마크 표시 여부
salesStatusstring"ON_SALE" | "SOLDOUT" | "ALMOST_SOLDOUT"판매중 / 매진 / 매진 임박
originalPriceLosslessNumber{"value": "10000"}판매 가격
discountedPriceLosslessNumber{"value": "9000"}할인 가격
discountPercentageLosslessNumber{"value": "10.0"}할인율
currencystring"KRW"통화
goodsIdLosslessNumber{"value": "1"}상품의 고유번호
descriptionstring"Description"상품 설명
campaignIdLosslessNumber{"value": "1"}방송의 고유번호
isCartOnboolean?true / false카트에 담기 / 담기 취소