サポート サポートへのお問い合わせ | システムステータス システムステータス
ページコンテンツ

    ページ内エクスペリエンスのコンパニオンコンポーネントの構成

    このトピックでは、ページ内エクスペリエンスでコンパニオンコンポーネントを構成する方法について説明します。

    すべてのページ内エクスペリエンステンプレートには、コンパニオンコンポーネントを使用できます。コンパニオンコンポーネントは次のとおりです。

    • カスタムHTML
    • 画像
    • テキスト

    コンパニオンコンポーネントを使用すると、再生中のビデオに基づいてプレーヤー外のコンテンツを変更できます。たとえば、商品ビデオを再生すると、プレーヤーの右側にクリック可能な画像があり、その商品の詳細が表示されます。コンパニオンコンポーネントは、カードとリンクの相互作用に似ています。違いは、カードとリンクがビデオプレーヤー自体上に表示されます。ビデオが PLAYing 状態の場合、コンパニオンコンポーネントはビデオプレーヤーの右に表示されます。

    コンパニオンコンポーネントの表示

    構成済みのコンパニオンコンポーネントを表示するには、エクスペリエンスを編集し、左側のナビゲーションで [ 動画 ] をクリックします。インタラクションが設定されたビデオは、インタラクションの種類を示すアイコンが [ インタラクティビティ ] 列に表示されます。

    コンパニオンコンポーネントには、HTML ( )、画像 ( )、テキスト ( ) が含まれます。

    コンパニオン HTML コンポーネントの構成

    コンパニオン HTML コンポーネントを構成するには、次の手順を実行します。

    1. エクスペリエンスを編集し、左側のナビゲーションで [ 動画 ] をクリックします。
    2. ビデオをクリックして選択します。
    3. > インタラクティブコンパニオン HTML を追加」をクリックするか、「アクション」列の「 HTML」( ) アイコンをクリックします。インタラクティブエディターが開きます。
    4. HTML コンポーネントの「名前」を入力します。
    5. HTML コードに貼り付けます。
    6. コンポーネントの開始時間と期間を構成するには、[ Configure ] リンクをクリックします。
    7. 開始時刻と期間を選択します
      • ビデオ全体を表示 -コンポーネントはビデオ全体に表示されます
      • 開始時刻と期間を選択 -コンポーネントの開始時間と期間を手動で設定します。
    8. コンポーネントのデュレーションを設定します
    9. 開始時間のみを設定し、ビデオが終了するまでコンポーネントを表示する場合は、「ビデオが終了するまで」をオンにします。
    10. エクスペリエンス内のすべてのビデオにこのコンポーネントを表示する場合は、[このインタラクションをレイアウト内のすべてのビデオに適用する ] をオンにします。
    11. [保存] をクリックして、変更を保存します。

    コンパニオンイメージコンポーネントの構成

    コンパニオンイメージコンポーネントを設定するには、次の手順を実行します。

    1. エクスペリエンスを編集し、左側のナビゲーションで [ 動画 ] をクリックします。
    2. ビデオをクリックして選択します。
    3. [ > インタラクティブコンパニオンイメージを追加 ] をクリックするか、[ アクション ] 列のイメージ ( ) アイコンをクリックします。インタラクティブエディターが開きます。
    4. イメージコンポーネントの名前を入力します。
    5. イメージを指定するには、次の操作を実行します。
      • ファイルシステムからイメージをドラッグし、ドロップ領域にドロップします
      • [ 参照 ] をクリックし、ファイルシステムからイメージを選択します。
      • リモートイメージファイルの URL を入力してください
    6. イメージのサイズを設定します
      • 画像はコンテナにサイズ変更される -コンテナより大きいサイズの画像は、収まるように縮小されます。小さい画像は拡大されません。
      • 幅と高さ : イメージの幅と高さを手動で入力します。
    7. イメージの位置合わせを設定します
    8. クリックスルー URL を入力します。これは、画像がクリックされたときに移動する URL です。リンクを新しいウィンドウで開くこともできます
    9. コンポーネントの開始時間と期間を構成するには、[ Configure ] リンクをクリックします。
    10. 開始時刻と期間を選択します
      • ビデオ全体を表示 -コンポーネントはビデオ全体に表示されます
      • 開始時刻と期間を選択 -コンポーネントの開始時間と期間を手動で設定します。
    11. コンポーネントのデュレーションを設定します
    12. 開始時間のみを設定し、ビデオが終了するまでコンポーネントを表示する場合は、「ビデオが終了するまで」をオンにします。
    13. エクスペリエンス内のすべてのビデオにこのコンポーネントを表示する場合は、[このインタラクションをレイアウト内のすべてのビデオに適用する ] をオンにします。
    14. [保存] をクリックして、変更を保存します。

    コンパニオンテキストコンポーネントの構成

    コンパニオンテキストコンポーネントを設定するには、次の手順を実行します。

    1. エクスペリエンスを編集し、左側のナビゲーションで [ 動画 ] をクリックします。
    2. ビデオをクリックして選択します。
    3. [ > インタラクティブコンパニオンテキストを追加 ] をクリックするか、[ アクション ] 列のテキスト ( ) アイコンをクリックします。インタラクティブエディターが開きます。
    4. 文字コンポーネントの名前 を入力します。
    5. エクスペリエンスに追加するテキストを入力します。ツールバーを使用して、テキストの書式を設定できます。
    6. コンポーネントの開始時間と期間を構成するには、[ Configure ] リンクをクリックします。
    7. 開始時刻と期間を選択します
      • ビデオ全体を表示 -コンポーネントはビデオ全体に表示されます
      • 開始時刻と期間を選択 -コンポーネントの開始時間と期間を手動で設定します。
    8. コンポーネントのデュレーションを設定します
    9. 開始時間のみを設定し、ビデオが終了するまでコンポーネントを表示する場合は、「ビデオが終了するまで」をオンにします。
    10. エクスペリエンス内のすべてのビデオにこのコンポーネントを表示する場合は、[このインタラクションをレイアウト内のすべてのビデオに適用する ] をオンにします。
    11. [保存] をクリックして、変更を保存します。

    コンパニオン構成要素の編集/削除

    [ インタラクティビティ ] 列のアイコンの上にカーソルを置くと、そのタイプのすべてのインタラクションが表示されます。この例では、イメージコンポーネントが設定されています。

    コンポーネントを編集するには、[ Interactivity ] 列のアイコンにカーソルを合わせ、コンポーネントの横にある [ edit ] ( ) アイコンをクリックするか、ビデオタイトルをクリックします。インタラクティブエディターが開きます。コンポーネントを編集し、変更を保存します

    コンポーネントを削除するには、[ Interactivity ] 列のアイコンにカーソルを合わせ、コンポーネントの横にある削除 ( ) アイコンをクリックします。

    アクション」(Actions) 列の編集アイコン ( ) をクリックして、コンポーネントを編集または削除することもできます。これにより、動画のすべてのインタラクションのリストが表示されます。

    編集アイコンをクリックしてコンポーネントを編集するか、削除アイコンをクリックしてインタラクションを削除します。

    コンパニオンコンポーネントには、「レイアウト」(LAYOUT ) メニューからアクセスすることもできます。プレイ状態を選択すると、エクスペリエンスにコンパニオンアイコンが表示されます。