リードフォームの追加

このトピックでは、リードフォームのアノテーションを追加する方法を学びます。

Interactivity モジュールでは、動画にさまざまな種類のインタラクティブなアノテーションを追加できます。リードフォームアノテーションでは、Eloqua、Salesforce、Marketo、HubSpot などのシステムのフォームを埋め込むことができます。

始める前に

プレーヤーにインタラクティブ機能を追加する前に、インタラクティブ機能が有効な Brightcove プレーヤーが必要であり、インタラクティブプロジェクトが作成されていることを確認する必要があります。詳細については Interactivity モジュールを始めるおよびインタラクティビティプラグインで Brightcove プレーヤーを設定するを参照して下さい。

動画にリードフォームを追加する

以下の手順に従って、動画にリードフォームを追加してください:

Video Cloud Studio にログインします。
Interactivity モジュールを開きます。
新規プロジェクトをクリックします。
プロジェクトタイトル を入力します。
使用するビデオを選択します。
作成をクリックします。
リードフォームが表示される位置まで動画を再生します。
下部のツールバーで、リードフォームのアイコンをクリックします。
メニューの Edit リンクをクリックします。
Form source をクリックしてリードフォームコードを追加します。この画面で、Require submission (送信を必須にする) と Show form everytime (毎回フォームを表示する) のオプションをクリックすることもできます。以下のような画面が表示されるはずです:
Time(時間)タブをクリックして開始時間を入力します。
Done(完了)をクリックして終了するか、Delete(削除)をクリックしてアノテーションを削除します。
メニューのResize(リサイズ) リンクをクリックし、リードフォームを動画の表示位置にドラッグします。

注: リードフォームがコントロールバーで隠れてしまうようなプレーヤーの下部に配置されていないことを確認してください。
また、プレーヤーのプレビューの下のセクションでクリックして編集したり、をクリックして、複製、削除、編集をクリックすることも出来ます:
埋め込むをクリックします。
プレビュー をクリックし、ビデオを再生してリードフォームが表示されることを確認します。

リードフォームをテンプレートとして追加する

以下の手順に従って、リードフォームをテンプレートとして追加してください:

注: タグによってテンプレートを追加するために、インタラクティビティプロジェクトを自動作成するには、以下のプロパティを設定する必要があります:


      {
        "create": true
      }

この設定の詳細については、インタラクティブプラグインを使用した Brightcove プレーヤの設定を参照して下さい。

Video Cloud Studio にログインします。
Interactivity モジュールを開きます。
左のナビゲーションで、テンプレート > すべてのテンプレート をクリックします。
新規テンプレートをクリックします。
テンプレートのタイトルをクリックします。
作成をクリックします。

Brightcove Interactivity は、1 分間のサンプル動画ソースを自動的に読み込みます。リードフォームがすべての動画の冒頭または再生後 1 分以内に表示される場合は、既存のサンプル動画を続行します。 60秒以上の特定の時間（動画の5分など）に表示される様にしたい場合は動画の置換をクリックして適切な長さの動画を選択し、テンプレートを作成します。
リードフォームが表示される位置まで動画を再生します。
下部のツールバーで、リードフォームのアイコンをクリックします。
メニューの Edit リンクをクリックします。
Form source タブをクリックしてリードフォームコードを追加します。この画面で、Require submission (送信を必須にする) または Show form everytime (毎回フォームを表示する) のオプションをクリックすることもできます。以下のような画面が表示されるはずです:
Time(時間) タブをクリックして開始時間を入力します。
Done(完了) をクリックして終了するか、削除をクリックしてアノテーションを削除します。
メニューの Resize(リサイズ) リンクをクリックし、リードフォームを動画の表示位置にドラッグします。

注: リードフォームがコントロールバーで隠れてしまうようなプレーヤーの下部に配置されていないことを確認してください。
プレーヤーのプレビューの下のセクションで、クリックして編集したり、をクリックしてアノテーションの複製、削除、編集することも出来ます:
複数のプロジェクトや動画にリードフォームテンプレートを適用するには、設定をクリックします。
タグごとにテンプレートをプロジェクトに適用 入力を使用して、固有のタグを定義します。このタグは Media モジュールの動画に割り当てられます。プレーヤーを使って動画を公開し、リードフォームが表示されることを確認します。

Interactivity モジュールに動画に基づいたプロジェクトがある場合、これらのプロジェクトに以前に定義したタグを追加することができます。インタラクティブプレーヤーにリードフォームが表示されるはずです（対応する動画が Media モジュールにタグを持っていることを確認してください）。動画に基づいたプロジェクトがない場合は、Media モジュールで動画に以前に作成したタグを追加し、新しいプレーヤーで動画を再生します。タグを含む動画からインタラクティブプロジェクトが自動的に生成され、再生時にリードフォームテンプレートが自動的に適用されます。

既知の問題

現在、リードフォームアノテーションのソースは、キャッシュされます。つまり、ソースを更新した後、変更内容をすぐに確認できない可能性があります。したがって、リードフォームアノテーションのソースを別のものに更新し、その変更がすぐに反映されることを期待する場合は、既存のリードフォームアノテーションを削除して新しいものを作成することをお勧めします。