商品詳細ページへの動画埋め込み

商品ページに動的に動画を追加する方法。

Last updated:
September 18, 2025

SKUを埋め込みコードに渡すことで、検索結果ページや商品詳細ページにプレイリストの動画を整理するには、コード1行を追加するだけです。

ステップ1

Fireworkビジネスポータルにアクセスします。

ステップ2

左サイドのナビゲーションメニュー内のチャンネルヘッダーで、埋め込みたいプレイリストがあるチャンネルをクリックします。

ステップ3

動画ページ左側のナビゲーションメニューで目的のプレイリストをクリックします。

  • 注意:この機能はすべてのレイアウトで利用できます。
  • プレイリスト内のすべての動画に適切なハッシュタグが付いていることを確認してください。

ステップ4

動画ページ右上の「サイトに追加」ボタンをクリックします。

ステップ5

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

html embed

ステップ6

コードがクリップボードにコピーされたメッセージが表示されます。OKをクリックします。

ステップ7

行項目はOMSによって異なります。Shopifyの場合、商品IDを追加する際はバリアントIDではなく商品IDを取得してください。

New-1

ステップ8

コードを埋め込むウェブページエディターに移動し、コードを貼り付けます。

ステップ9

「プレイリスト」変数を削除し、「sku」変数に置き換えます。

  • React: sku={'${item.skuid}'}
  • Shopify: sku={% raw %}{{product.id}}
sku1

ステップ10

変更を公開します。

プレイリストは、ユーザーが商品ランディングページにアクセスするか、埋め込みプレイリストコードのSKUと一致する商品を検索した際に表示されます。

商品ページへのプレイリストの自動埋め込みについてもお読みください。