Guides

商品クリック動作の制御

プレーヤー内で商品がクリックされた際、現在のウィンドウで商品ページに遷移するか、新しいウィンドウで開くかといった動作を、sauceclipMoveProduct イベントを通じて以下のように定義できます。

商品リンクへ遷移

window.addEventListener("message", (e) => {
  if (typeof e.data !== "string") return;
  let jsonData = JSON.parse(e.data);

  switch (jsonData.key) {
    // 商品クリックに関するイベントのみを管理する場合は、以下のコードを追加または修正するだけで対応可能です。
     ....
    case "sauceclipMoveProduct":
      if(!jsonData.params.linkUrl) return
       window.location.href = jsonData.params.linkUrl
      break;
    ...
  }
});


商品リンクを新規ウィンドウで開く

window.addEventListener("message", (e) => {
  if (typeof e.data !== "string") return;
  let jsonData = JSON.parse(e.data);

  switch (jsonData.key) {
    // 商品クリックに関するイベントのみを管理する場合は、以下のコードを追加または修正するだけで対応可能です。
     ....
    case "sauceclipMoveProduct":
      if(!jsonData.params.linkUrl) return
       window.open(jsonData.params.linkUrl)
      break;
    ...
  }
});