AMPと広告

このトピックでは、AMPを使用するBrightcoveプレーヤーで広告を表示する方法を学習します。また、ブライトコーブのプレーヤー/AMP 構成でクライアント側の同意を使用する方法についても説明します.

AMPプレーヤーでの広告の実装

プレロールを含む広告は、AMPで使用されるプレーヤーで動作します。広告プラグインとその設定は、プレイヤーの設定に含める必要があります。広告サーバーの呼び出しに記事固有の値を含める必要がある場合は、このマニュアルで後述するように、カスタムデータをプレーヤープラグインに渡すことができます。

AMP は、有効な AMP ページに追加できる項目が非常に厳格です。詳細については、「Video Cloud Video を使用する AMP」ドキュメントを参照してください。たとえば、idamp-brightcoveタグにを追加するという標準的な方法を使用することはできず、scriptブロックを使用して、例えば、IMA3 プラグインを設定します。

繰り返すには、Studio またはプレーヤー管理 API を使用して、プレーヤーの設定に広告を実装する必要があります。

などの広告マクロを使用する広告設定 URL を使用する場合は{pageVariable.adId}、プレーヤーの設定を変更する必要があります。次のようなカスタムパラメータを使用できます。

  data-param-ad-id="preonlybumper"

これにより、広告マクロで値が自動的に利用されるわけではありません{pageVariable.adId}。広告の URL ad-id/adIdでプロパティを使用できるようにするには、Brightcove Playerの query_string_to_window 設定オプションを使用する必要があります。このオプションは、クエリ文字列パラメーターからのグローバル名前空間 (ウィンドウ) 変数の母集団を制御します。すべてのクエリ文字列パラメーターをグローバル名前空間に追加するには、プレーヤーの設定に以下を追加します。

"query_string_to_window": {
  "target": "queryStringParams"
}

queryStringsParamsの名前は、パラメータが格納される「変数」であり、必要に応じて名前を変更できます。

何らかの理由で、限られたパラメーターのみをグローバル名前空間に割り当てる場合は、そうすることができます。たとえば、data-param-ad-id="..."プラグインでのみ使用できるようにするには、プレーヤー設定に以下を追加します。

"query_string_to_window": {
  "globals": [
    "adId"
  ]
}

プレーヤー設定の更新に関する具体的な手順については、Player Management API リファレンスの「プレーヤー構成 -プレーヤー設定の更新」を参照してください。

AMP同意と広告

AMP では、クライアント側の同意を使用して、ユーザーがオンライン体験をさらに制御することができます。AMP ページが AMP-同意を得てユーザーの同意を管理しており、プレーヤーで広告を使用している場合は、その同意に応じてプレイヤーの広告リクエストを適応させることができます。それには、

データブロックオン同意= "_till_responded」

属性を amp-brightcove 要素に追加します。これにより、ユーザーが同意を承諾または拒否するまで、プレーヤーの負荷が遅れます。同意がわかっている後続のページでは、プレーヤーは遅滞なく通常どおりロードされます。

広告構成

広告とAMPを実装する最も簡単なシナリオは、BrightcovePlayerの標準のIMA広告とGoogleAdManagerの統合を使用することです。 npa = 1同意が不明または与えられていない場合に広告リクエストに追加されます。これを行うには、追加します

「imaAddnPa」: 真

プレーヤーのAMPサポートプラグインのオプションに追加すると、次のように、これが広告サーバーのURLに自動的に追加されます。

広告サーバーのURLに対するその他の変更については、同意状態が3つのクエリパラメーターを使用してプレーヤーのiframeに設定されます。

AMP初期同意状態 :同意が受け入れられるか、拒否されるか、不明か
AMPConsentSharedData :同意ベンダーからのデータのJSON文字列
アンプの初期同意値 :同意ベンダーからの同意文字列

同意状態は、AMP で定義されている整数です。

十分な:1
不足:2
不明ではない_必須:3
不明:4

プレーヤー構成を更新して、プレーヤーiframeのクエリパラメーターを単純なJavascript変数として使用できるようにするには、JSONエディターのプレーヤー構成に以下を追加します。

「query_string_to_window」: {"target": "queryStringParams"}

参考までに、UIのスクリーンショットを次に示します。

次に、マクロを使用するか、severURLを関数として構成することにより、広告サーバー要求で同意クエリパラメーターを使用できます。

マクロの例

「adServerURL」: "https://ads.example.com/ad?consent = {pageVariable.queryStringParams.ampInitialConsentState} &consentString= {pageVariable.queryStringParams.ampInitialConsentValue} "

機能例

以下を使用して、広告サーバーのURLなしでプレーヤーを構成します。

Videojs.registerPlugin ('setadUrl', function () { this.ima3.settings.serverUrl = function(callback) { if (window.queryStringParams.ampInitialConsentState === 1) { // Sufficient consent callback('https://ads.example.com/adwithconsent?string={pageVariable.queryStringParams.ampInitialConsentValue} ');} else { // Use a different ad callback('https://ads.example.com/basicad'); } });