eCommercePlayer
ブログに戻る
ShopifyPlatformsVideo6分で読める

Shopifyストアに商品動画を追加する方法

Chris Montgomery

ShopifyのネイティブビデオサポートについてShopifyのビルトイン動画サポート

Shopifyでは、商品メディアギャラリーに動画ファイルを直接アップロードできます。Shopify管理画面で商品ページに移動し、「メディアを追加」をクリックして、MP4ファイルをアップロードします。動画は商品画像カルーセルに写真と並んで表示されます。

Shopifyの商品ページ(メディアギャラリーに動画プレーヤーが埋め込まれている)

これはシンプルで機能しますが、この方法のみに限定する前に知っておくべき制限があります。

  • フォーマット制限: MP4ファイルのみサポートされています。別のフォーマットの動画がある場合は、アップロード前に変換する必要があります。
  • 配置が固定: 動画はページ上部の商品メディアギャラリーにのみ表示されます。より効果的な商品説明の途中に動画を配置することはできません。
  • 音声サポートなし: Shopifyのネイティブメディアギャラリーは音声ファイルを受け付けません。レコード、楽器、または音が売りになるものを販売している場合、Shopifyのビルトインシステムでは購入者に商品の音を聴かせることができません。
  • 最小限の分析: Shopifyは特定の商品動画が何回再生されたかを教えてくれません。ページを訪問した人数は分かりますが、実際に動画を視聴した人数は分かりません。

これらのギャップにより、動画への取り組みが成果を上げているかどうかを測定することが難しく、音声優先の商品カテゴリーに対応することも不可能です。

代替手段:商品説明にプレーヤーを埋め込む

Shopifyの商品説明フィールドはHTMLを受け付けます。これにより、商品説明に直接、好きな場所にサードパーティの動画プレーヤーを埋め込むことができます。ページ上部に固定されているメディアギャラリーとは異なり、埋め込みプレーヤーは説明の任意の場所に配置できます。

ここでeCommercePlayerの出番です。ワークフローはシンプルです:動画をeCommercePlayerにアップロードし、プレーヤーを作成し、埋め込みコードをコピーして、HTMLエディターでShopifyの商品説明に貼り付けます。

埋め込みコードは、レスポンシブプレーヤーを読み込む小さなHTMLスニペットです。商品ページの幅に合わせて自動的に調整されるため、デスクトップとモバイルで適切に表示されます。動画は遅延読み込みされるため、動画があってもページの速度が低下しません。

ステップバイステップ:eCommercePlayer動画をShopifyに追加する

最初から最後までのプロセスをご紹介します。

Shopifyに動画を追加する3つのステップ:メディアのアップロード、プレーヤーの作成、埋め込みコード

  1. eCommercePlayerの無料アカウントを作成してください(ecommerceplayer.com)。無料プランには5クリップが含まれており、クレジットカードは不要です。
  2. **動画または音声ファイルをアップロードします。**エンコードには通常数分かかります。
  3. **プレーヤーを作成します。**名前を付け、メディアクリップを追加します。
  4. **プレーヤーの公開ページに移動します。**複数の埋め込みコードオプションが表示されます。Shopifyの場合は、標準埋め込みコードをコピーします。
  5. Shopify管理画面で「商品」に移動し、動画を追加したい商品を選択します。
  6. 商品説明エディターで、HTMLを表示ボタン(山括弧アイコン)をクリックします。
  7. 説明の動画を表示したい場所に埋め込みコードを貼り付けます
  8. 保存をクリックします。

以上です。商品ページをプレビューすると、説明に動画プレーヤーが埋め込まれています。デスクトップとモバイルで機能し、スムーズに再生され、広告やサードパーティのブランディングは表示されません。

Shopifyのギャラリーの代わりに埋め込みを使用する理由

Shopifyのネイティブ動画サポートの代わりに、または追加として埋め込みプレーヤーを使用する理由がいくつかあります。

機能ShopifyネイティブギャラリーeCommercePlayer埋め込み
配置コントロール固定(ページ上部のみ)説明の任意の場所
音声ファイルサポートなしあり(MP3、WAV)
プレイリストなしあり
再生数分析なしあり
eBayでも機能なしあり

配置コントロールにより、動画がページのどこに表示されるかを決定できます。商品説明の直後、サイズチャートの横、または状態確認として最後に配置できます。ギャラリーでは、カルーセルの単なるサムネイルになります。

音声サポートは、音が重要な商品を販売する場合に不可欠です。eCommercePlayerはMP3、WAVなどの音声フォーマットをネイティブに処理し、専用の音声プレーヤーインターフェースを備えています。Shopifyにはこれを行う方法がありません。

プレイリストにより、マルチクリップのプレーヤーを作成できます。複数のビデオアングルがある場合や、ビデオウォークスルーと音声デモを組み合わせたい場合、それらを1つのプレーヤーにグループ化できます。Shopifyのギャラリーは各動画を独立したメディアアイテムとして扱い、グループ化はありません。

クロスプラットフォームの一貫性により、ShopifyとeBay、またはShopifyとEtsyで販売している場合、すべてのプラットフォームで同じeCommercePlayerプレーヤーを使用できます。一度アップロードして、どこにでも埋め込めます。ShopifyのネイティブビデオはShopifyでのみ機能します。詳しい比較については、商品リストのためのeCommercePlayer対YouTubeをご覧ください。

両方を一緒に使用する

どちらか一方を選ぶ必要はありません。両方を使用する販売者もいます:Shopifyメディアギャラリーに簡単な商品概要動画を配置して(画像カルーセルに表示されるように)、商品説明にはより詳細な埋め込みプレーヤーを配置します。

ギャラリーの動画は商品画像をスワイプする購入者を引き付けます。埋め込みプレーヤーは説明を読む購入者を引き付けます。購入者によって買い物の仕方が異なるため、両方の場所に動画を置くことで、購入者が動画を見る可能性を最大化します。

複数のプラットフォームで販売している場合、実践的なアプローチがあります:動画を一度eCommercePlayerにアップロードします。ShopifyとあなたのウェブサイトにはS標準埋め込みコードを使用します。eBayには画像リンクコードを使用します。オプションで、画像カルーセル用にMP4をShopifyのネイティブギャラリーにもアップロードします。1つの動画ファイルですべての販売チャネルをカバーします。

Shopify商品動画のヒント

動画は90秒以内に抑えてください。Shopifyの購入者は閲覧中です。商品をすぐに確認して決断したいのです。長い動画は離脱されます。

埋め込みプレーヤーは説明の上部近くに配置してください。多くの購入者は最後までスクロールしません。動画が作る価値があるなら、見えやすい場所にあることも重要です。

清潔なサムネイルを使用してください。自動生成か、カスタムかに関わらず、サムネイルは動画の第一印象です。暗く、ぼやけた、または混乱を招くサムネイルはクリックされません。

横向きで撮影してください。 Shopifyの商品ページは動画をワイドスクリーン形式で表示します。縦向きの動画は両側に黒いバーが入り、不格好に見えます。

音が重要な商品を販売している場合、音声を見逃さないでください。レコードが再生される30秒のクリップ、楽器の演奏音、またはメカニカルウォッチの音は、どんな写真よりも説得力があります。eCommercePlayerの無料プランはリスクなしで試せます。効果的な商品動画の作成についてのアイデアは、2026年のeBay販売者向け商品動画のヒントをご覧ください。Shopifyにも同じ原則が適用されます。

動画を追加した後、スマートフォンで商品ページをテストしてください。Shopifyのトラフィックの半分以上がモバイルです。プレーヤーが正しく表示され、サムネイルが明確で、動画が問題なく読み込まれて再生されることを確認してください。この30秒のチェックで、購入者が問題を発見する前に問題を把握できます。

Etsyでも販売している場合は、Etsyリストに動画と音声を追加する方法をご覧ください。

関連記事

出品にメディアを追加しませんか?

1分以内で無料アカウントを作成できます。クレジットカードは不要です。

Shopifyに商品動画を追加する(ステップバイステップ) | eCommercePlayer