連携方法

連携方法には、全体ページをレンダリングする方式（展示基本使用方法と、モジュール化方式の2種類があります。

モジュール化方式では、全体ページのレンダリングだけでなく、任意のキュレーションを選択してレンダリングすることが可能です。
必要な機能に応じて、いずれかの方式を選択してください。

共通 STEP

head タグ内に、ソースクリップライブラリのスクリプトタグを次のように追加します。

• プロダクション環境の場合 (Product)

<script src="https://showcase.sauceclip.com/static/js/SauceClipCollectionLib.js"></script>

• ステージ環境の場合 (Stage)

<script src="https://stage.showcase.sauceclip.com/static/js/SauceClipCollectionLib.js"></script

全体ページをレンダリングする方式

STEP 1. ページ内で適用したい位置に、以下のタグを追加します。

<div id="sauce_clip_collection"></div>

STEP 2. STEP 1で追加したタグに、全体ページがレンダリングされるよう関数を実行します。

📘

パートナーIDには、 アカウント情報取得APIを通じて取得したパートナーIDを入力してください。

<script>
  window.SauceClipCollectionLib({ partnerId: 'mobidoo' });
</script>

STEP3. ページ上で適用された内容を確認します。

📘

• 登録されているキュレーションがない場合、空白の画面が表示されます。* キュレーション内に公開状態のクリップが存在しない場合も、空白の画面が表示されます。