SSAI: 広告ブロック検出と自動フェールオーバー

このトピックでは、Brightcove Player の自動フェールオーバー設定を有効にして、広告ブロッカーが検出されたときに SSAI（サーバーサイド広告挿入）広告をリクエストする方法を学びます。

概要

広告フェールオーバーを有効にすると、Brightcove Player がブラウザに広告ブロッカーがあることを検出した場合、プレーヤーは自動的に SSAI ストリームをリクエストします。それ以外の場合は、IMA 広告を使用します。

注意事項

広告ブロッカーの検出は非常に信頼性が高いですが、100% ではありません。
この機能を使用するお客様は、Dynamic Delivery を使用している必要があります。
IMA および SSAI プラグインのみがサポートされます（FreeWheel は対象外）。

プレーヤーサンプル

以下は IMA3 広告で構成されたサンプルプレーヤーで、ブラウザで広告ブロッカーが検出されると、サーバーサイド広告に自動フェールオーバーします。

広告ブロッカーなし

広告ブロッカーのないブラウザで以下の Codepen サンプルを実行すると、Google の DFP インラインスキップ可能広告が表示されます。これは IMA3、クライアントサイドのプレロール広告です:
広告ブロッカーあり

広告ブロッカーのあるブラウザで以下の Codepen サンプルを実行すると、Brightcove のデジタルマーケティングガイド広告が表示されます。これは広告設定で定義されたサーバーサイド広告（SSAI）です:

以下の Codepen サンプルを、広告ブロッカーありとなしの両方で実行してみてください。

See the Pen SSAI Auto-Failover by Brightcove Learning Services (@rcrooks1969) on CodePen.

はじめに

Video Cloud からサーバーサイド広告を再生するには、次の手順に従う必要があります:

広告設定を作成する
Brightcove プレーヤーを作成する
Studio を使用して自動フェールオーバーを実装する

広告設定を作成する

広告設定では、広告コール、ビーコン、その他の設定オプションなど、SSAI 再生のさまざまな側面を定義します。広告レスポンスは、VAST、VMAP、または DFP Ad Rules にすることができます。広告設定を作成するには、次の手順に従ってください:

Video Cloud Studio で、Admin モジュールを開き、VOD Server-Side Ad Settings を選択します。
New + をクリックし、設定の詳細（Name、Ad Server Response Type、Ad Tag）を入力して、Add をクリックします。

詳細については、Configuring Server-Side Ad Settings のドキュメントを参照してください。

SSAI API を使用して広告設定を作成する方法については、Video Cloud SSAI Ad Config API のドキュメントを参照してください。

Brightcove プレーヤーを作成する

Video Cloud Studio を使用して、新しい Brightcove プレーヤーを作成します。詳細については、Quick Start: Creating and Styling a Player のドキュメントを参照してください。

Studio を使用して自動フェールオーバーを実装する

自動フェールオーバー広告用にプレーヤーを設定する最も簡単な方法は、Video Cloud Studio を使用することです。広告設定とプレーヤーを作成したら、次の手順でプレーヤーを自動フェールオーバー用に設定する準備が整います:

Players モジュールを開き、広告機能を追加するプレーヤーを見つけます。
プレーヤーの名前をクリックして、そのプロパティを開きます。
Overview タブで、Advertising アコーディオンを展開します。
Enable Client-Side (IMA) チェックボックスをオンにします。
IMA 広告タグの URL を含めます。この例では、サンプルの広告タグ URL を使用します。

プレーヤーの広告プロパティの詳細については、Configuring Player Advertising using the Players Module のドキュメントを参照してください。
Enable Server-Side (SSAI) チェックボックスをオンにします。

アカウントで SSAI が有効化されていない場合、サーバーサイドオプションは表示されません。
Ad Configuration (VOD) ドロップダウンから、このプレーヤーに関連付ける広告設定を選択します。
広告の上にオーバーレイを表示する場合は、Enable ad information overlays チェックボックスをオンにします。これには、「Learn More」および広告カウントダウンオーバーレイが含まれます。
サーバーサイド広告フェールオーバー付きの広告ブロック検出は、クライアントサイドとサーバーサイドの両方の広告を有効にすると自動的に有効になります。
Publish Changes をクリックして、設定を公開済みプレーヤーに適用します。

これでプレーヤーの自動フェールオーバーを有効にするために必要な作業は完了です。

カスタムコードを記述する場合

広告フェールオーバー機能を使用してプレーヤーに対する統合コードを記述する場合は、追加の考慮事項があります。一般に、Brightcove プレーヤーは「同期コントラクト」と呼ばれるものに従って動作しますが、広告フェールオーバーを使用する場合は、広告ブロック検出を同期的に確実に行うことができないため、このコントラクトを破る必要があります。このため、プレーヤーと対話するために記述したカスタムスクリプトが、プレーヤーが実際に作成される前に実行される可能性があります。

この問題を回避するには、Videojs hooks を使用することをお勧めします。フックを使用すると、インテグレーターはプレーヤーの作成ライフサイクルにフックすることができます。この場合、必要なのは setup フックです。

たとえば、以下のコードフラグメントを参照してください:

<video-js id="example"></video-js>
  <script src="//players.brightcove.net/.../index.min.js"></script>
  <script>
    videojs.hookOnce('setup', (player) => {
      player.on('play', () => player.log('play requested'));
    });
  </script>

広告付きの動画を再生する

Dynamic Delivery で取り込まれた Video Cloud から取得する任意の動画には、広告ブロッカーが検出されない場合、クライアントサイドの IMA 広告が含まれます。広告ブロッカーが検出されると、広告設定の VMAP ファイルで指定されたサーバーサイド広告が動画に含まれます。SSAI が機能するには、動画にオーディオトラックが関連付けられている必要があります。

ページコンテンツ

SSAI：広告ブロック検出と自動フェールオーバーの

概要