YouTubeを使わずにShopifyに動画を追加する方法
動画はEコマースにとって非常に効果的なメディアです。動画を見ることで、顧客はあなたの商品が実際に動いているところを見ることができ、その品質や機能性を感じることができます。動画は、ブランドに対する信頼とつながりを築くのに役立ちます。Hubspotによると、商品ページに動画を掲載することで、コンバージョン率を80%以上向上させることができます。
このガイドでは、Youtubeを使わずにShopifyのストアページや商品に動画をアップロードしたり、埋め込んだりするための様々なオプションをご紹介します。
始めよう!
商品ページに動画を埋め込む
商品ページは、関連動画を掲載したい重要なエリアです。ビデオを見ることは、顧客が購入前に商品の動きを確認する最良の方法のひとつです。
以下の手順に従って、Shopify でホストされている動画を次のページに埋め込みます。 製品ページ:
- Shopifyの管理画面から、動画を追加したい商品を開きます。
- 画像とビデオ」セクションをクリックします。ビデオ」タブが選択されていることを確認します。
- 動画の埋め込み」サブセクションをクリックします。Shopifyでホストされている動画のURLをURLフィールドに貼り付けます。
- 自動再生、ループ再生、サムネイル画像など、動画のプロパティをカスタマイズできます。
- 保存」をクリックすると、動画が商品ページに埋め込まれます。
- どのように見えるかをプレビューし、適切な機能を確認することができます。
ホームとその他のページにビデオを追加する
商品だけでなく、トップページ、商品カテゴリーページ、会社概要ページなど、Shopifyサイト全体に動画を埋め込むことができます。
この作業には、テーマのコードを編集する必要があります:
- Shopifyの管理画面からOnline Store > Themesに移動します。
- Actions(アクション)」>「Edit code(コードの編集)」をクリックし、テーマのコードエディターを開きます。
- 動画を追加したいセクションに移動する。これは通常、page.home-page.liquidのような.liquidファイルです。
- 適切な場所に以下の埋め込みコードを追加し、URLをあなた自身のものに置き換えてください:
- 上記のコードは、ビデオを自動再生してループさせるもので、ホームページのヘッダーに効果的です。必要に応じてプロパティを調整してください。
- テーマを保存してプレビューし、ビデオが表示され、期待通りに機能することを確認します。
YouTube、TikTok、その他のプラットフォームからの動画の埋め込み
YouTube、TikTok、Vimeo、またはその他のプラットフォームでホストされている素晴らしいビデオがあれば、それらを埋め込むこともできます。
- 既存の動画の埋め込みコードをプラットフォームから取得する。どのサイトにも、必要なコードを生成する共有/埋め込みオプションがあります。
- 提供された埋め込みコードをすべてコピーしてください。
- 上記の動画を追加するのと同じように、あなたのShopifyテーマに追加してください。
- 外部ビデオがShopifyストアに埋め込まれて表示されます。
このアプローチでは、魅力的な動画をダウンロードして再アップロードすることなく再利用することができます。特にYouTube動画は、より多くのオーガニック・トラフィックを促進するのに役立ちます。
しかし、よりシームレスな体験のためには、可能であればShopifyに直接アップロードすることが望ましい。
サードパーティの動画ホスティングプラットフォームの選択
Shopifyの制限を超えてかなりの量の動画を保存する必要がある場合は、専用のサードパーティの動画ホスティングプロバイダを使用してください。Wistia、Vimeo、Loomなどのトップオプションは、動画コンテンツの配信に最適化されている。
ここでは、主要なサードパーティのShopify動画ホスティングツールの概要を説明します:
- Wistia - 分析、リードジェネレーション、マーケティングオートメーションソフトウェアとの統合などの堅牢な機能。パフォーマンスと読み込み速度が向上。価格は$228/年から。
- Vimeo - 動画プロパティのカスタマイズとコントロールが可能。プレミアムでプロフェッショナルな外観を求めるブランドに最適。プランは$192/年から。
- Loom - マーケティング・コンテンツではなく、ビデオ・コミュニケーションに特化した手頃な価格のオプション。カスタマーサービスビデオに最適。無料プランあり。
どのプラットフォームを選んでも、ワークフローはほとんど変わらない:
- オリジナルの動画ファイルをホストサービスにアップロードします。
- ブランディングやサムネイルなどのカスタマイズには、同社のツールを利用しよう。
- 提供されている埋め込みコードを入手し、上記の方法でShopifyサイトのページに追加してください。
顧客がShopifyのページにアクセスすると、動画はシームレスに再生される。
Shopifyの動画を最適化してインパクトを最大化する
動画を追加するための技術的な手順がわかったところで、最適化のためのベストプラクティスを紹介しよう:
戦略的なページを選ぶ
ホームページや製品ページなど、トラフィックの多いランディングページを特定する。動画は適切に配置することで、目立たせ、訪問者を魅了します。
モバイルフレンドリー:
多くの訪問者はモバイルで閲覧します。レスポンシブ埋め込みコードを使いましょう。動画は短く、読み込みやすいものにしましょう。良好な視聴体験を確保するために、モバイルでテストを行う。
ファイルを圧縮する:
圧縮するとファイルサイズが小さくなり、読み込みや再生がスムーズになります。アップロードする前にHandbrakeのようなツールを使用してください。
ページ速度:
ユーザーの最初のビューポートで素早く読み込まれるように、動画をページ内の高い位置に配置しましょう。
これらのベストプラクティスに従うことで、Shopifyの動画が顧客を惹きつけ、売上を促進するインパクトを最大化することができます。
準備とトラブルシューティングを組み合わせることで、Shopifyの動画で発生する可能性のある問題を解決することができる。
結論
Shopifyストアにうまく制作された動画を追加することで、顧客を惹きつけ、コンバージョンを高めることができる。YouTubeの動画を埋め込むこともできますが、Shopifyに直接動画をアップロードすることで、より大きなオーナーシップを持つことができます。