|

YouTubeを使わずにShopifyに動画を追加する方法

動画はEコマースにとって非常に効果的なメディアです。動画を見ることで、顧客はあなたの商品が実際に動いているところを見ることができ、その品質や機能性を感じることができます。動画は、ブランドに対する信頼とつながりを築くのに役立ちます。Hubspotによると、商品ページに動画を掲載することで、コンバージョン率を80%以上向上させることができます。

このガイドでは、Youtubeを使わずにShopifyのストアページや商品に動画をアップロードしたり、埋め込んだりするための様々なオプションをご紹介します。

始めよう!

商品ページに動画を埋め込む

商品ページは、関連動画を掲載したい重要なエリアです。ビデオを見ることは、顧客が購入前に商品の動きを確認する最良の方法のひとつです。

以下の手順に従って、Shopify でホストされている動画を次のページに埋め込みます。 製品ページ:

YouTube ビデオ
Shopify製品に動画を追加する
  1. Shopifyの管理画面から、動画を追加したい商品を開きます。
  2. 画像とビデオ」セクションをクリックします。ビデオ」タブが選択されていることを確認します。
  3. 動画の埋め込み」サブセクションをクリックします。Shopifyでホストされている動画のURLをURLフィールドに貼り付けます。
  4. 自動再生、ループ再生、サムネイル画像など、動画のプロパティをカスタマイズできます。
  5. 保存」をクリックすると、動画が商品ページに埋め込まれます。
  6. どのように見えるかをプレビューし、適切な機能を確認することができます。

ホームとその他のページにビデオを追加する

YouTube ビデオ
Shopifyのホームページに動画を追加する

商品だけでなく、トップページ、商品カテゴリーページ、会社概要ページなど、Shopifyサイト全体に動画を埋め込むことができます。

この作業には、テーマのコードを編集する必要があります:

  1. Shopifyの管理画面からOnline Store > Themesに移動します。
  2. Actions(アクション)」>「Edit code(コードの編集)」をクリックし、テーマのコードエディターを開きます。
  3. 動画を追加したいセクションに移動する。これは通常、page.home-page.liquidのような.liquidファイルです。
  4. 適切な場所に以下の埋め込みコードを追加し、URLをあなた自身のものに置き換えてください:

  1. 上記のコードは、ビデオを自動再生してループさせるもので、ホームページのヘッダーに効果的です。必要に応じてプロパティを調整してください。
  2. テーマを保存してプレビューし、ビデオが表示され、期待通りに機能することを確認します。

YouTube、TikTok、その他のプラットフォームからの動画の埋め込み

YouTube ビデオ
YouTubeを使わずにShopifyに動画を追加する

YouTube、TikTok、Vimeo、またはその他のプラットフォームでホストされている素晴らしいビデオがあれば、それらを埋め込むこともできます。

  1. 既存の動画の埋め込みコードをプラットフォームから取得する。どのサイトにも、必要なコードを生成する共有/埋め込みオプションがあります。
  2. 提供された埋め込みコードをすべてコピーしてください。
  3. 上記の動画を追加するのと同じように、あなたのShopifyテーマに追加してください。
  4. 外部ビデオがShopifyストアに埋め込まれて表示されます。

このアプローチでは、魅力的な動画をダウンロードして再アップロードすることなく再利用することができます。特にYouTube動画は、より多くのオーガニック・トラフィックを促進するのに役立ちます。

しかし、よりシームレスな体験のためには、可能であればShopifyに直接アップロードすることが望ましい。

サードパーティの動画ホスティングプラットフォームの選択

Shopifyの制限を超えてかなりの量の動画を保存する必要がある場合は、専用のサードパーティの動画ホスティングプロバイダを使用してください。Wistia、Vimeo、Loomなどのトップオプションは、動画コンテンツの配信に最適化されている。

ここでは、主要なサードパーティのShopify動画ホスティングツールの概要を説明します:

  • Wistia - 分析、リードジェネレーション、マーケティングオートメーションソフトウェアとの統合などの堅牢な機能。パフォーマンスと読み込み速度が向上。価格は$228/年から。
  • Vimeo - 動画プロパティのカスタマイズとコントロールが可能。プレミアムでプロフェッショナルな外観を求めるブランドに最適。プランは$192/年から。
  • Loom - マーケティング・コンテンツではなく、ビデオ・コミュニケーションに特化した手頃な価格のオプション。カスタマーサービスビデオに最適。無料プランあり。

どのプラットフォームを選んでも、ワークフローはほとんど変わらない:

  1. オリジナルの動画ファイルをホストサービスにアップロードします。
  2. ブランディングやサムネイルなどのカスタマイズには、同社のツールを利用しよう。
  3. 提供されている埋め込みコードを入手し、上記の方法でShopifyサイトのページに追加してください。

顧客がShopifyのページにアクセスすると、動画はシームレスに再生される。

Shopifyの動画を最適化してインパクトを最大化する

動画を追加するための技術的な手順がわかったところで、最適化のためのベストプラクティスを紹介しよう:

戦略的なページを選ぶ

ホームページや製品ページなど、トラフィックの多いランディングページを特定する。動画は適切に配置することで、目立たせ、訪問者を魅了します。

モバイルフレンドリー:

多くの訪問者はモバイルで閲覧します。レスポンシブ埋め込みコードを使いましょう。動画は短く、読み込みやすいものにしましょう。良好な視聴体験を確保するために、モバイルでテストを行う。

ファイルを圧縮する:

圧縮するとファイルサイズが小さくなり、読み込みや再生がスムーズになります。アップロードする前にHandbrakeのようなツールを使用してください。

ページ速度:

ユーザーの最初のビューポートで素早く読み込まれるように、動画をページ内の高い位置に配置しましょう。

これらのベストプラクティスに従うことで、Shopifyの動画が顧客を惹きつけ、売上を促進するインパクトを最大化することができます。

準備とトラブルシューティングを組み合わせることで、Shopifyの動画で発生する可能性のある問題を解決することができる。

結論

Shopifyストアにうまく制作された動画を追加することで、顧客を惹きつけ、コンバージョンを高めることができる。YouTubeの動画を埋め込むこともできますが、Shopifyに直接動画をアップロードすることで、より大きなオーナーシップを持つことができます。

類似の投稿

コメントを残す