動画にCTAボタンを表示する方法｜無料作成ツールマーチャントCTA

Q: 本当に無料ですか？会員登録は必要ですか？

料金は一切かかりません。APIキーの取得も不要です。登録が要るかどうかは、受け取り方で変わります。 コードをコピーして自分のページに貼る場合は、登録もログインも不要で、何本でも作れます。 URLで発行する場合だけ、あとから直せる編集用URLをお送りするためにメールアドレスをいただきます（無料で1本まで）。 マーチャントクラブ会員はログインすると何本でも発行でき、ページ下部のクレジットと検索避けも外れます。

Q: Vimeoの限定公開動画でも使えますか？

使えます。共有URL（vimeo.com/ID/ハッシュ の形式）をそのまま貼り付けてください。表示されない場合は、Vimeoのプライバシー設定から貼り付け先ドメインの埋め込みを許可してください。なお完全非公開の動画は仕様上どこにも埋め込めません。

動画にCTAボタンを表示するとは

CTA（Call To Action＝行動喚起）とは、「今すぐ申し込む」「詳細を見る」といった、読み手に次の行動をうながすボタンのことです。このツールは、そのCTAを 動画を一定時間見た人にだけ表示するコードを作ります。

なぜ最初から出さないのか。動画を再生する前の人は、まだ中身を知らないまま判断できる状態にありません。そこにボタンがあっても押されないだけでなく、「売り込みだ」と受け取られて再生前に離脱されることすらあります。

逆に、最後まで見た人はすでに納得している——その瞬間にボタンが現れるほうが自然で、押される確率が上がります。

使いどころ

セミナー動画見終えた人に申込ボタンを出す

ウェビナー録画個別相談やLPへ誘導する

商品説明最後まで見た人にだけ購入ボタンを見せる

登録直後のお礼動画次のステップへ案内する

期間限定の公開視聴期限を決めて、見るのを後回しにさせない

表示タイミングの決め方

いちばん迷うのがここです。原則は「言い切ったあと」に出すこと。伝えるべきことを伝え終える前にボタンが出ると、動画から意識がそれてしまいます。

動画の長さ別の目安
動画の長さ	目安	考え方
5分以内	3〜4分あたり	ほぼ見終えた頃。短い動画は最後まで見られやすい
10〜20分	本題を話し終えた直後	時間ではなく「話の区切り」で決める
60分以上	案内を始める場面	動画内で「詳しくは下のボタンから」と言う位置に合わせる

迷ったら、動画の中で自分が案内を口にする場面に合わせるのが確実です。話とボタンの出現が一致すると、視聴者は迷いません。

視聴時間の数え方

このツールは実際に再生された時間の合計で判定し、一時停止している間はカウントしません。開いて放置しただけの人にはボタンが出ない、ということです。ただしシークバーを操作したときの挙動は動画サービス側の仕様に左右されるため、設置後に一度お試しください。

動画の中にもボタンを出す

CTA（見出し・説明文・ボタン・補足）は、いつも動画の下に出ます。それに加えて、 動画の中にボタンだけを重ねることもできます。位置は「下に帯」か「中央」の2通りです。

重ねるのはボタンだけにしてあります。動画の枠は狭く、見出しや説明まで入れると、肝心の動画そのものが隠れてしまうからです。「下に帯」は再生バーを避けた位置に出るので、重なっている間も一時停止や音量に手が届きます。

動画の下まで読まれずに閉じられてしまう——そう感じたときに効きます。画面から目を離す前に、ボタンが視界に入ります。

視聴期限とワンタイム

「いつでも見られる」と思われた動画は、後回しにされ、そのまま忘れられます。そこで、いつまで見られるかを決められるようにしました。

固定期限。全員を同じ日時で締め切ります。「◯月◯日 23:59まで」と案内する使い方です
個別期限。その人が最初に開いた時から数えます。いつ案内しても、一人ひとりに同じ長さを渡せます
ワンタイム。一度開いた人には、二度と表示しません。ページを開いた時点で1回と数えます

終了したあとはページごと終了します。動画も出ません。見せるものは、あらかじめ用意したメッセージか、移動先のURLかを選べます。

個別期限とワンタイムは、その人のブラウザに記録して数えます。 別の端末・別のブラウザ・シークレットウィンドウでは、新しい人として数え直しになります。絶対に動かせない締切には、固定期限をお使いください。

残り時間を見せる

期限を決めると、動画の上にカウントダウンを出せます。「この動画が見られるのは、あと 02時間59分40秒」のように、開いた瞬間から残りが見えます。 0になった瞬間に、その場で終了の画面へ切り替わります。

見た目は、同じ無料ツールの MERCHANT DEADLINE（カウントダウンタイマー作成ツール）と同じ体裁です。横並び・ボックス型・カード型の3レイアウト、書体、文字の大きさと色、出す単位（日・時・分・秒）とその呼び名まで決められます。

貼り先がなくても使える

生成したコードは、WordPressなどHTMLを貼り込める場所があってはじめて使えます。では、貼る場所を持っていない人はどうするか。ページごとこちらで用意します。 「URLで発行」を選ぶと、動画とCTAが載ったページが1枚でき、そのURLをそのまま案内に使えます。

このとき大事なのが動画の上に置くひとことです。 URLだけ送られてきて、開いたらいきなり動画が始まる——これでは、見る前に閉じられます。「何の動画で、見るとどうなるのか」を1行だけ置いてください。

冒頭の見出しと説明。来た人が最初に読む数行。ページの題名にもこれが使われます
あとから直せる。発行時にお送りする編集用URLから、何度でも直せます
自分で消せる。同じ編集用URLから削除できます

なお、この方法を選んだときだけ、あとから編集できるようにするため入力内容をお預かりします。コードをコピーして使う場合は、今まで通りサーバーには何も送りません。

このツールでできること

登録不要・無料。コードをコピーして使う分にはログインもアカウント作成も要りません
YouTube・Vimeo・MP4に対応。URLを貼れば自動で判別します
視聴時間に連動。指定した時間を見た人にだけCTAが現れます
動画の中にも出せる。「下に帯」か「中央」に、ボタンだけを重ねられます
視聴期限。全員共通の日時（固定期限）か、その人が開いてからの時間（個別期限）で締め切れます
一度きりにできる。一度開いた人には二度と表示しない、ワンタイムオファーにできます
カウントダウン。残り時間を動画の上に出せます（MERCHANT DEADLINE と同じ体裁）
見た目の調整。見出し・説明文・ボタン文言・リンク先・ボタンカラー
説明文の装飾。太字・文字色・中央寄せ・箇条書き・リンク
コードのコピーはブラウザ内で完結。この使い方ならサーバーに何も送りません
貼り先が無ければURLで発行。ページごと用意します（この時だけ内容を保存します）

生成されるコードには動画プレーヤーも含まれています。動画を表示したい場所のHTMLに貼り付けてください。 WordPressの「カスタムHTML」ブロック、ペライチ、STUDIO、そのほかHTMLを貼り込める場所であれば設置できます。

よくある質問

どういう仕組みですか？

動画プレーヤーの下にCTAを用意しておき、視聴時間が指定した秒数に達した時点で自動的に表示します。最初は隠れているため、まだ内容を見ていない人にはボタンが見えません。設定すれば、同じタイミングで動画の中にもボタンを重ねられます。

動画の中にボタンを出せますか？

出せます。CTA本体（見出し・説明文・ボタン・補足）はいつも動画の下に出て、それに加えて動画の中にボタンだけを重ねられます。位置は「下に帯」か「中央」です。「下に帯」は再生バーを避けた位置に出るので、重なっている間も一時停止や音量を触れます。

視聴期限を設けられますか？

設けられます。全員を同じ日時で締め切る「固定期限」と、その人が最初に開いた時から数える「個別期限」の2つがあります。期限が切れると、動画もCTAも出さずに終了の画面になります。終了後は、用意したメッセージを見せるか、指定したURLへ移動させるかを選べます。

一度しか見せないことはできますか？

できます。「一度開いた人には、二度と表示しない」を選ぶと、2回目からは終了の画面になります。ページを開いた時点で1回と数えるため、同じ人の再読み込みも1回に含まれます。期限と組み合わせた場合は、どちらか早いほうで終了します。

期限は厳密に守られますか？

固定期限は日時で判定するので確実です。個別期限とワンタイムは、その人のブラウザに記録して数えるため、別の端末・別のブラウザ・シークレットウィンドウでは新しい人として数え直しになります。絶対に動かせない締切には固定期限をお使いください。

残り時間のカウントダウンは出せますか？

期限を決めると、動画の上に出せます。見た目は同じ無料ツールの MERCHANT DEADLINE（カウントダウンタイマー作成ツール）と同じ体裁で、横並び・ボックス型・カード型の3レイアウト、書体、文字の大きさと色、出す単位まで選べます。0になった瞬間に終了の画面へ切り替わります。

本当に無料ですか？会員登録は必要ですか？

料金は一切かかりません。APIキーの取得も不要です。登録が要るかどうかは、受け取り方で変わります。
コードをコピーして自分のページに貼る場合は、登録もログインも不要で、何本でも作れます。
URLで発行する場合だけ、あとから直せる編集用URLをお送りするためにメールアドレスをいただきます（無料で1本まで）。マーチャントクラブ会員はログインすると何本でも発行でき、ページ下部のクレジットと検索避けも外れます。

どの動画サービスに対応していますか？

YouTube、Vimeo、MP4などの通常の動画ファイルに対応しています。動画のURLを貼り付けるだけで自動的に判別します。

早送りしてもCTAは表示されますか？

表示タイミングは実際に再生された時間の合計で判定し、一時停止中はカウントしません。ただしシークバーを操作した場合の挙動は動画サービスの仕様に依存するため、設置後にご確認ください。

Vimeoの限定公開動画でも使えますか？

使えます。共有URL（vimeo.com/ID/ハッシュの形式）をそのまま貼り付けてください。表示されない場合は、Vimeoのプライバシー設定から貼り付け先ドメインの埋め込みを許可してください。なお完全非公開の動画は仕様上どこにも埋め込めません。

入力した内容はサーバーに保存されますか？

受け取り方によって変わります。
「コードをコピー」を選んだ場合は保存されません。すべてブラウザの中だけで処理され、コードが手元にコピーされるだけです。
「URLで発行」を選んだ場合は、あとから編集できるようにする必要があるため、入力内容をお預かりします。編集用URLからご自身で削除できます。

URLで発行すると、どんなページができますか？

動画の上に冒頭のひとこと、その下に動画、指定の時間を見ると下にCTAが出るページです。視聴期限を設けた場合は、動画の上にカウントダウンが入り、期限が切れるとページごと終了の画面に変わります。貼り付け先が無くても、そのURLをメールやメッセージで案内できます。無料では1本まで（同じブラウザ・同じアドレスで通算1本）で、ページ下部に「Powered by MERCHANT CTA／このページを通報」の1行が入り、検索エンジンには載りません。会員としてログインすると、本数の上限も、この1行も、検索避けも外れます。

◯分見た人にだけ、
ボタンを出す。

この続きは、個別にご案内しています。

やることは、3つだけ。

つくる

公開しました。このURLをそのままお使いいただけます。