【滞在時間向上!】Shopifyで動画を埋め込む方法。Youtubeやmp3での埋め込み方法も解説!

by GO RIDE

Shopifyに動画埋め込みをするメリット

動画撮影のイラスト

Shopifyストアに動画を埋め込むメリットは、主に3つあります。

  • 動画で説明することで、画像では説明できない商品の詳細を説明できる
  • 消費者の購買意欲を掻き立てる
  • サイトの滞在時間を上げる

動画で説明することで、画像では説明できない商品の詳細を説明できる

商品ページでは、サイズや色など、様々な情報を記載しますが、画像やテキストだけでは伝え切れない商品の詳細や動きを解説することで、顧客に安心感を与えることができます。

消費者の購買意欲を掻き立てる

動画広告視聴後、約6割が「1日以内」に商品を購入というデータも出ています。

参考記事:【Z世代に「動画広告」はどう響く?】動画広告視聴後、約6割が「1日以内」に商品を購入!「印象に残る動画広告」が商品購入の鍵
https://prtimes.jp/main/html/rd/p/000000209.000016642.html

動画を埋め込むと、購入意欲を掻き立てるということが証明されています。

サイトの滞在時間を上げる

ページに動画を埋め込むと、視聴時間分の滞在時間が長くなるため、サイト全体のCVが高くなることが予想されます。

Shopifyで動画を埋め込む方法

Shopifyで動画を埋め込むためには、次の手順に従うことができます。


  • Shopifyの管理画面にログイン。
    左側のメニューから「オンラインストア」を選択し、その後「テーマ」をクリックします。
  • 現在使用しているテーマの横にある「カスタマイズ」ボタンをクリックします。
  • カスタマイズ画面が開いたら、左側のメニューから「セクション」を選択します。
  • セクションを選択したら、そのセクションの設定が表示されます。ここで、動画を埋め込むためのオプションを見つけます。テーマによって設定の場所や名称が異なる場合がありますが、通常は「メディア」、「ビデオ」、「コンテンツ」などのセクション内にあることが多いです。
  • 動画を埋め込むオプションを見つけたら、動画の埋め込みコードを取得します。多くの動画ホスティングプラットフォーム(YouTube、Vimeoなど)は、埋め込みコードを提供しています。
  • 埋め込みコードをコピーし、Shopifyの入力欄に貼り付けます。
  • 変更を保存し、プレビューしてみてください。動画が表示されていることを確認してください。
Shopifyの動画埋め込み画面

Shopifyで動画を埋め込む場合の注意点

Shopifyで動画を埋め込む際には、以下の注意点に留意することが重要です。


  • テーマが対応しているか
    • 使用しているテーマが動画の埋め込みをサポートしていることを確認してください。一部のテーマでは、動画を表示するための特別なセクションやカスタマイズオプションが提供されていない場合があります。
  • モバイル対応
    • 動画を埋め込む際には、モバイルデバイスでの表示も考慮する必要があります。動画がモバイルで適切に再生されることを確認してください。一部のテーマでは、モバイルデバイスに適した動画サイズやレスポンシブな動画プレーヤーを使用するオプションが提供されていることがあります。
  • 動画のファイルサイズ
    • YoutubeやVimeoのような埋め込みですと問題ありませんが、動画を直接埋め込む場合は注意が必要です。適切なビデオフォーマットと圧縮設定を使用してファイルサイズを最小限に抑え、ページの読み込み時間を遅延させないようにしましょう。遅い読み込み時間はユーザーエクスペリエンスに悪影響を及ぼす可能性があります。

参考

GO RIDEのABOUTページには、GO RIDEを紹介する動画を埋め込んでいます。

Youtubeではモバイルでの自動再生が難しいため、mp4の動画を圧縮の上、直接埋め込んでいます。

動画が入ると、かなりインパクトがありますよね。

https://goriderep.com/pages/about

GO RIDE Aboutページのスクリーンショット

まとめ

ECサイトに動画活用は、その効果が証明されており、大きなメリットが期待できます。

  • 動画で説明することで、画像では説明できない商品の詳細を説明できる
  • 消費者の購買意欲を掻き立てる
  • サイトの滞在時間を上げる

この記事では、動画を埋め込むメリット、Shopifyストアに動画を埋め込む方法やを解説しました。


この機会にShopifyストアへの動画埋め込みを始めてみてはいかがでしょうか?

Mitsuaki

Mitsuaki

Designer

シカゴ在住のデザイナー。コーディングも担当。日本ではWEB制作会社に勤務しており、WEB業界のトレンドに敏感。

この著者の記事一覧

EC構築から広告運用までワンストップで提供。

資料請求 お問い合わせ