ソースクリップ bridge ガイド

ソースクリップを iframe で使用する場合、message リスナーの定義や特定のアクションに対してブリッジを実装することで連携が可能です。

以下は、iframe 方式における設定例です。


<iframe src='https://player.sauceclip.com/player?partnerUniqueId={パートナーID}&clipId={クリップID}' />
 
  window.addEventListener('message',(e)=>{
      if (typeof e.data === 'string') {
       const jsonData = JSON.parse(e.data)
        switch (jsonData.key) {
             ...
         // 商品クリック時のイベント定義
          case 'sauceclipMoveProduct':
            window.location.href = `${jsonData.params.linkUrl}`
            break
        }
      }
})

ソースクリップが提供する message 呼び出しに対する switch-case の payload定義については、Payload定義をご参照ください。

ログインが必要な機能に未ログインユーザーがアクセスした際の挙動を定義するための詳細ガイドは、ログインイベント（ログイン必須機能へのアクセス制御）をご確認ください。