商品詳細ページに動画を埋め込む方法
商品詳細ページに動画を動的に追加する方法です。
SKUを埋め込みコードに渡すことで、検索結果ページや商品詳細ページにプレイリストの動画を整理するには、コード1行を追加するだけです。
ステップ1
Fireworkビジネスポータルにアクセスします。
ステップ2
左サイドのナビゲーションメニュー内の「チャンネル」ヘッダーで、埋め込みたいプレイリストがあるチャンネルをクリックします。
ステップ3
動画ページ左側のナビゲーションメニューで目的のプレイリストをクリックします。
- 注意:この機能はすべてのレイアウトで利用できます。
- プレイリスト内のすべての動画に適切なハッシュタグが付いていることを確認してください。
ステップ4
動画ページ右上の「サイトに追加」ボタンをクリックします。

ステップ5
プレイリストのレイアウトを選んで「コードをコピー」をクリックします。

ステップ6
コードがクリップボードにコピーされたメッセージが表示されます。「OK」をクリックします。
ステップ7
行項目はOMSによって異なります。Shopifyの場合、商品IDを追加する際はバリアントIDではなく商品IDを取得してください。

ステップ8
コードを埋め込むウェブページエディターに移動し、コードを貼り付けます。
ステップ9
「プレイリスト」変数を削除し、「sku」変数に置き換えます。
- React:
sku={'${item.skuid}'} - Shopify:
sku={% raw %}{{product.id}}


ステップ10
変更を「公開」します。
プレイリストは、ユーザーが商品ランディングページにアクセスするか、埋め込みプレイリストコードのSKUと一致する商品を検索した際に表示されます。
商品ページへのプレイリストの自動埋め込みについてもお読みください。






