일반적인 웹페이지에 설치하기

SHOPLIVE 플레이어를 설치할 레이어에 id를 지정하고 아래와 같이 스크립트를 호출합니다.

<div id="{your_div_id}"></div>

다음과 같은 스크립트를 태그 바로 위에 추가합니다. init 함수와 run 함수를 호출하여 SHOPLIVE 플레이어를 실행시킬 수 있습니다.

<!-- SHOPLIVE Player Code --> 
<script>
  var PLAYER_ID = "{your_div_id}";
  var JWT_OR_USER_INFO = null; 
  var ACCESS_KEY = "{your_access_key}";
  var CAMPAIGN_KEY = "{your_campaign_key}";
  var SHARE_URL = "Page URL to Share";

  var messageCallback = {
    REQUEST_LOGIN: function() {
      alert("Login is required");
	  },

    // CLICK_PRODUCT: function(payload) {
      // Do something when user clicks the product
      // For example,
      // Adding parameter to the product URL and open the URL
      // var url = payload.url + '&parameter=' + '{your_parameter}'
      // location.href = url;
    // }	
  };

  var options = {
    messageCallback: messageCallback,
    shareUrl: SHARE_URL,
    isFullScreen: false,
    isContainerFit: true,
    ui: {
      shareButton: true,
      backButton: true,
    },
  };

  (function (s,h,o,p,l,i,v,e) {s["ShoplivePlayer"]=l;(s[l]=s[l]||function(){
  (s[l].q=s[l].q||[]).push(arguments);}),(i=h.createElement(o)),
  (v=h.getElementsByTagName(o)[0]);i.async=1;i.src=p;v.parentNode.insertBefore(i,v);
  })(window,document,"script","https://static.shoplive.cloud/[email protected]","mplayer");
  
  mplayer("init", ACCESS_KEY, CAMPAIGN_KEY, JWT_OR_USER_INFO, options);
  mplayer("run", PLAYER_ID);
</script>

📘
카페24, 고도몰, 메이크샵 또는 Shopify를 위한 샘플 코드가 필요한 경우 Shoplive 담당자에게 연락하여 지원을 받을 수 있습니다.