ブログ

MAをこれから勉強したい人からカミハヤユーザーまで、
役に立つ情報のご紹介です。

  • ホーム
  • ブログ
  • ランディングページへ動画コンテンツを挿入する方法
カミハヤMA
2022.07.19

ランディングページへ動画コンテンツを挿入する方法

本記事では、カミハヤMAでランディングページ(以下LP)に動画コンテンツを挿入する方法について説明します。

 

目次
 
 1.はじめに
 2.LPでの設定方法
 3.最後に 

1.はじめに

世の中、5G時代へ突入したことで今まで以上に動画を用いたマーケティングメッセージに対する期待が高まっています。今回は、カミハヤMAのLPへ動画コンテンツを挿入する方法について説明します。

2.LPでの設定方法

LPにおいて動画コンテンツの挿入方法にはThumbnailとEmbeddedとHosted videoの3種類があります。
いずれの方法も実際の動画をLPに埋め込むのではなく、動画へのリンクのみを貼ることになります。

「Thumbnailの場合」
①コンポーネントメニューにあるランディングページをクリックしてランディングページの新規ボタンをクリックします。
②タイトル、エイリアスを入力してビルダーボタンをクリックします(今回は、LPテーマの中からEmptyを選択します)。
③CONTENTのVIDEOスロットアイコンをEmptyテーマへドラッグ&ドロップします。
④CONTENT PROPERTIESのVideo urlのプルダウンからThumbnailを選択します。
⑤UrlにYoutubeもしくはVimeoの対象動画URLを挿入します(ビデオブロックタイプは、YouTubeとVimeoのビデオにのみ対応しています)。

「Embeddedの場合」
①から③までの手順はThumbnailの場合と一緒です。
④CONTENT PROPERTIESのVideo urlのプルダウンからEmbeddedを選択します。
⑤UrlにYoutubeもしくはVimeoの対象動画URLを挿入します(ビデオブロックタイプは、YouTubeとVimeoのビデオにのみ対応しています)。

「Hosted videoの場合」
①から③までの手順はThumbnailの場合と一緒です。
④CONTENT PROPERTIESのVideo urlのプルダウンからHosted videoを選択します。
⑤Urlに外部から参照できる対象動画(mp4ファイル)のURLを挿入します。

では、それぞれのLPでの見え方についてどのような違いがあるのでしょうか。

「Thumbnailの場合」
この方法でYoutube動画を挿入した場合、いつもご覧になられるYoutubeの再生、停止ボタン、音量調整スライダーバー、字幕、設定などの機能を利用することが可能です。

「Embeddedの場合」
この方法でYoutube動画を挿入した場合、動画の中をクリックすることで再生、停止はできますが、音量調整や字幕、設定などの機能を利用することはできません。

「Hosted videoの場合」
この方法では、ControlsをONにしなければ、動画のサムネイル表示しかされません。ControlsをONにすれば、動画再生、音量調整、再生速度調整、動画ダウンロードなどの機能を利用することが可能です。また動画を再生繰り替えし設定も可能です。
この場合は、videoタグで参照先URLを指定していることとなります。

上記方法は、VIDEOスロットを利用した動画挿入方法でしたが、VIDEOスロット以外で動画を挿入する方法があります。それは、HTMLスロットによる動画コンテンツを挿入する方法です。

例えばBRIGHTCOVEの動画をLPへ挿入する場合にHTMLスロットを利用することでLPへ動画を挿入することが可能です。

3.最後に

いかがでしたでしょうか。LPへ動画コンテンツを簡単に挿入できることをご理解いただけたと思います。読者の皆様におかれても商材やサービスを紹介している動画がございましたら視覚のみならず聴覚にもコンタクトへ訴えかけることができる今回の手法をお試しいただければと思います。

カミハヤの製品ラインナップ

複数製品を組み合わせてのご利用も可能です。詳細はお気軽にお問い合わせください。

カミハヤCMS

カミハヤCMS

オープンソースCMS Drupalとローコードソリューション“サイトスタジオ”の活用により、工数を抑えて、素早くサイトを立ち上げることができます。

もっと見る
カミハヤMA

カミハヤMA

直感的で使いやすい管理画面、ノーコード。技術者無しでも素早くキャンペーンを始められる、BtoB向けマーケティングオートメーションツールです。

もっと見る
カミハヤSEO

カミハヤSEO

オープンソースCMS Drupalとローコードソリューション“サイトスタジオ”の活用により、工数を抑えて、素早くサイトを立ち上げることができます。

もっと見る
カミハヤMAトライアルキャンペーン実施中! MAトライアルのお申込み
資料ダウンロード
資料ダウンロード
お問い合わせ
お問い合わせ
よくあるご質問
よくあるご質問