Appearance

Return to top
On this page

ストーリーズフィードインストール

Synccサービスにログインし、ストーリーフィードとしてページに組み込みたい作成済みのストーリーを選択してください。 シェアと統合 から統合の手順を参照してください。

ホワイトリストドメイン

ドメインホワイトリストにSynccを利用するドメインを登録しましょう。

ドメインにはサブドメインを含む場合があります。その際にも通常ドメインと同様に登録を行なってください。 例を挙げます。 sub.syncc.one syncc.one syncc.netlify.app などです。

WARNING

これ以降のコンテンツは必ず全体設定からドメインホワイトリストにページドメインを設定したのちに行なってください。 ホワイトリストにないドメイン上でSDKが組み込まれていてもストーリーズフィードUIは表示されてません。 これはセキュリティ設定に該当します。

コード埋め込み

  1. ページ上のheadタグ末尾に以下をペーストします。
<link href="https://syncc-stories-feed.web.app/css/app.css" rel="stylesheet">
1
  1. コンテンツ挿入する箇所に以下のHTMLタグをペーストします。
<syncc-stories-feed widget-id='YOUR_STORY_WIDGET_ID' config='{"icon_loop": true, "trigger_urls": ["*"] }' ></syncc-stories-feed>
1

YOUR_STORY_WIDGET_ID の部分をウィジェットIDに置き換えてください。 ウィジェットIDは各ストーリーの設定から参照することができます。

  1. ページ上のbodyタグ末尾に以下をペーストします。
 <script type="module" src="https://syncc-stories-feed.web.app/js/app.js" defer></script>
1