サイトに表示する・動画を共有する

動画をサイトに掲載したり、SNSでシェアしたりするための「埋め込みコード」や「共有URL」の取得方法を解説します。

📋 取得できる2種類の形式

動画を「サイトに直接埋め込む」か「URLで送る」かによって、2つの形式を使い分けます。それぞれ「ディスプレイヤー（埋め込み用設定）」と「ショッププレイヤー（共有ページ用設定）」のどちらの設定を反映させるか選んで取得できます。

埋め込みコード 自社サイトやブログのHTMLに貼り付けて、ページ内に動画を表示させる際に使用します。
動画URL SNS（Instagram, Xなど）やメルマガ、LINEなどで、を動画をシェアする際に使用します。

🖱️ コード・URLのコピー方法

取得方法は、操作している画面に合わせて以下の2通りから選べます。

1. ライブラリ（一覧）画面から取得

ライブラリ画面で動画を探します

動画が複数ある場合、検索機能を使って探すのがおすすめです。詳細については[動画検索・管理]ページをご参照ください。

リンクコピーボタンをクリック

各動画の右端にある [リンクコピー] のアイコンをクリックします。設定したいプレイヤーに合わせて、以下のどちらかを選択してください。

左側のアイコン： ディスプレイヤー（埋め込み用設定）サイト内に埋め込むための設定（サイズや自動再生など）を反映させたコード・URLを取得します。
右側のアイコン： ショッププレイヤー（共有ページ用設定） SNS共有時などに表示される、専用ページ用の設定（ショップ情報など）を反映させたコード・URLを取得します。

形式を選んでコピー

アイコンをクリックするとポップアップが表示されます。

「コード」または「リンク」をクリックします。
ポップアップ下のコピーボタンをクリックすれば完了です。

💡 iframeが制限されている場合（videoタグの利用）

ご利用のサイトでiframeが制限されている場合は、取得画面で [videoタグ] にチェックを入れてコードを取得してください。

⚠️ videoタグご利用時の注意点
設定の自動更新不可: プレイヤー設定（自動再生など）を変更した場合は、必ずサイト上のコードを最新のものに差し替えてください。
オーディオボタンの制限: オーディオボタンの独立表示ができません。取得前に必ず [オーディオボタンのみ表示] のチェックを外してください。

2. 動画詳細（編集）画面から取得

動画編集画面を開きます。

サイドメニューから、コピーしたい方のプレイヤーをまず選択して切り替えます。

ディスプレイヤー（埋め込み用設定）を選択サイト内に動画を直接埋め込みたい場合に使用します。
ショッププレイヤー（共有ページ用設定）を選択 SNSやメルマガで、動画専用ページのURLをシェアしたい場合に使用します。

リンクコピーボタンをクリック

選択したプレイヤーの設定が反映された状態で、コードを取得します。

サイドメニュー内の [リンクコピー] ボタンをクリックします。
ポップアップが表示されたら、「埋め込みタグ」または「動画URL」をクリックしてコピー完了です。

🚀 サイトへの表示・共有のコツ

コピーしたコードやURLは、以下の場所で活用してください。

サイトへの埋め込み HTML編集画面やCMS（WordPressなど）のカスタムHTMLブロックに貼り付けてください。
SNS・メルマガでのシェア コピーしたURLをプロフィール欄や投稿本文に貼り付けるだけで、ショッパブル動画専用ページが共有されます。

各プラットフォームへの具体的な貼り付け手順については、順次公開予定です。

💡 より高度な表示方法をお探しですか？

動画を表示させるだけでなく、サイトの端に浮かせる（フローティング）や、複数の動画をスライド表示させたい場合は、ウィジェット機能をご利用ください。

👉 ウィジェットを表示させる（コードコピー）

最終更新 4 か月前