Vimeo 埋め込みとは、オンラインストアなどのウェブページに Vimeo 動画を直接表示させる機能のことです。動画コンテンツを活用することで、商品の使い方やサービスのイメージをわかりやすく伝えられるようになり、サイト訪問者の興味を引きつけ、コンバージョン向上が期待できます。
また、最近は動画によるプロモーションが大きな注目を集めており、写真やテキストベースのコンテンツだけでは表現しきれない魅力を動画でアピールすることで、ブランドイメージの向上や顧客とのエンゲージメント向上が見込めます。
Vimeo 埋め込みを導入することで得られる主な利点は以下のとおりです。
ブランドの世界観を動画で表現
テキストや静止画だけでは伝えきれない雰囲気やこだわりを動画で表現しやすくなります。視覚だけでなく音声も加わることで、より深いブランド体験を提供できます。
商品理解の促進
商品の使い方や機能などを動画で解説することで、顧客が商品の価値を理解しやすくなります。結果的に購入率(CVR)の向上に繋がります。
顧客満足度の向上
文字や画像では説明しにくい情報も、動画ならスムーズに伝えられます。顧客の疑問解消が早まり、スムーズな購買体験を提供できます。
SEO 効果の向上
動画をサイト内に埋め込むことで、サイト滞在時間が長くなる傾向があります。長い滞在時間は検索エンジンからの評価が上がる要因となり、SEO 効果の向上も期待できます。
SNS 連携による拡散
Vimeo 上で公開している動画をストアに埋め込むと、SNS などで簡単にシェアされやすくなります。動画コンテンツが拡散されれば、新規顧客の獲得にもつながります。
Vimeo 埋め込みアプリを選ぶ際には、以下の点をチェックすると良いでしょう。
ここからは、Shopify App Store で提供されている Vimeo 埋め込み対応アプリを 9 つご紹介します。動画コンテンツによる魅力的なサイト運営をしたい方は、ぜひ参考にしてみてください。
以下が、Shopify 公式のアプリストアになります。
価格設定:月額 $4.99
評価:0.0 (0 レビュー)
開発者:株式会社UnReact
特徴・機能
価格設定
以下のリンクから、インストールが可能です。
シンプル Vimeo 埋め込み|どこでも動画挿入
価格設定:月額 $9.99(15日間無料体験あり)
評価:4.4 (206 レビュー)
開発者:Code Black Belt
特徴・機能
価格設定
価格設定:月額 $15(7日間無料体験あり)
評価:4.9 (128 レビュー)
開発者:NexusMedia
特徴・機能
価格設定
価格設定:無料プランあり、月額 $19 プランも提供(7日間無料体験)
評価:5.0 (28 レビュー)
開発者:Product Hero Ltd.
特徴・機能
価格設定
価格設定:無料プランあり、上位プランは月額 $5 から
評価:0.0 (0 レビュー)
開発者:Akeans LLC
特徴・機能
価格設定
価格設定:月額 $1.99(21日間無料体験)
評価:4.6 (90 レビュー)
開発者:eCommerce Addons
特徴・機能
価格設定
価格設定:無料プランあり、月額 $2.99 から
評価:5.0 (124 レビュー)
開発者:ReelTok
特徴・機能
価格設定
価格設定:無料インストール(無料枠あり)、上位プランは月額 $29.99 から
評価:4.6 (24 レビュー)
開発者:CommentSold
特徴・機能
価格設定
価格設定:無料プランあり、月額 $4.49 から
評価:4.5 (63 レビュー)
開発者:POWR.io
特徴・機能
価格設定
ここでは、各アプリの代表的な月額料金プランを簡単にまとめます。テーブルマークダウンは使わず、リスト形式でご紹介します。
日本語でのサポート・UI があるかどうかは、導入・運用時の負担を大きく左右します。以下は簡単な目安です。
シンプル Vimeo 埋め込み|どこでも動画挿入
日本語のサポートは未表記ですが、開発者が日本企業(株式会社UnReact)のため、問い合わせには対応の可能性大。
Video Background
管理画面は英語が中心。日本語翻訳はなし。
EasyVideo: Shoppable Videos
日本語翻訳はなし。英語ベースのサポート。
Spotlight: Video Loops
英語のみ対応。
Akeans Video Marketing
英語対応のみ。日本語翻訳はなし。
Cozy YouTube Videos Gallery
英語中心のサポート。UI も英語。
ReelTok Shoppable Videos + UGC
英語対応。日本語はサポート外。
Videeo: Shoppable Videos & UGC
英語メイン。日本語は翻訳されていません。
POWR: Video Slider Videos Feed
英語ベースのサポート。日本語翻訳は未対応。
シンプル Vimeo 埋め込み|どこでも動画挿入
アプリ名のとおり余計な機能が少なく、ノーコードで設定が完結するため初心者にも扱いやすい印象。価格が安価なのも嬉しいポイントです。
Video Background / EasyVideo / Spotlight
比較的リッチな機能を持ち、背景動画やショッパブル動画を多角的に活用したい場合に便利。
その分、設定項目は多めなので、UI や機能に慣れるまではやや時間がかかる可能性があります。
Akeans Video Marketing / Cozy YouTube Videos Gallery / ReelTok / Videeo / POWR
それぞれ特徴が異なりますが、いずれもノーコードでの動画埋め込みが可能。無料プランや無料トライアルがあるので、ストアの目的に合わせて試しやすいです。
最後に、Vimeo 動画を直接コードで埋め込む方法もご紹介します。アプリを使わないで実装したい方や、アプリの機能を拡張して独自にカスタマイズしたい方は以下を参考にしてください。
<!-- Vimeo埋め込みのシンプルなHTML例 -->
<div style="padding:56.25% 0 0 0; position:relative;">
<iframe
src="https://player.vimeo.com/video/ここにVimeoの動画IDを入力?autoplay=0&loop=1"
style="position:absolute; top:0; left:0; width:100%; height:100%;"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen>
</iframe>
</div>
Shopify のセクションやテンプレート内で使う場合は、Liquid を活用することもできます。
{% if section.settings.vimeo_video_id != blank %}
<div style="padding:56.25% 0 0 0; position:relative;">
<iframe
src="https://player.vimeo.com/video/{{ section.settings.vimeo_video_id }}?autoplay=0&loop=1"
style="position:absolute; top:0; left:0; width:100%; height:100%;"
frameborder="0"
allow="autoplay; fullscreen; picture-in-picture"
allowfullscreen>
</iframe>
</div>
{% endif %}
上記の例のように、動画 ID(あるいは動画 URL)を変数として扱うことで、テーマエディタから柔軟に変更できるようにすることも可能です。実装にあたっては、テーマのコードをカスタマイズするため、バックアップをとってから作業することをおすすめします。
今回は、Shopify で Vimeo 動画を埋め込む際に役立つアプリを 9 つご紹介しました。動画を活用することで商品の訴求力が高まり、ブランドの印象を強く残すことができます。特に Shopify ではノーコードで導入できるアプリが豊富に用意されているので、初心者でも比較的簡単に始められます。
自分のストアに最適なアプリがどれか迷った際は、この記事をぜひ参考にしてみてください。実際の操作感やストアとの相性は、無料プランや無料トライアルを試して確認するのが一番です。
これからの Shopify ストア運営に、動画コンテンツを上手く取り入れて、より多くの顧客を引きつけ、売上アップに繋げていきましょう。