MERCHANT TOOLS

動画CTA表示コード生成ツール

動画を一定時間視聴した後にCTAを表示するコードを、フォーム入力だけで作成できます。

使い方はカンタン3ステップ

  1. 1
    動画とCTAを入力 動画のURL（YouTube / Vimeo / 動画ファイル）と、表示したいCTAの見出し・ボタン・リンク先などを入力します。
  2. 2
    プレビューで確認 「プレビューを表示する」を押すと、動画＋CTAの表示イメージを確認できます。
  3. 3
    コードを貼り付け 「コピー用コード」をコピーして、お使いのページ（WordPress等）に貼り付ければ完成です。

CTAは「視聴者が動画を再生し、合計の視聴時間が指定秒数に達した時点」で自動表示されます。

入力項目

動画URLまたはIDを正しく入力してください。
1以上の数値を入力してください。
見出しを入力してください。
文字を選択してボタンを押すと装飾されます。改行はそのまま反映されます。HTMLタグの直接入力も可能です（安全なタグのみ反映）。
ボタン文言を入力してください。
正しいURL（https://〜）を入力してください。

① プレビュー

表示確認：
「プレビューを表示する」を押すと、ここに動画＋CTAの表示イメージが出ます。

確認できたら、下の「② コピー用コード」を貼り付けてご利用ください。

② コピー用コード（HTML / CSS / JavaScript）


    

      使い方： このコードには動画プレーヤーも含まれています。動画を表示したい場所のHTMLに貼り付けてください（WordPressの場合は「カスタムHTML」ブロック、または投稿のテキスト／HTMLモード）。すでに動画を埋め込んでいる場合は、その埋め込みをこのコードに置き換えます。CTAは視聴者が再生を開始し、合計の視聴時間が指定秒数に達した時点で自動フェードイン表示されます（一時停止中はカウントが止まります）。YouTube / Vimeo の連携APIはいずれも無料・APIキー不要です。