JavaScript 2.x を使用した広告の追跡 track-ads-on-javascript

以下の手順は、SDK 2.x を使用した実装についてのガイダンスです。

IMPORTANT
1.x バージョンの SDK を実装する場合は、1.x の開発ガイドをこちら(SDK のダウンロード)からダウンロードできます。

広告トラッキングの定数

定数名
説明
AdBreakStart
追跡する AdBreak Start イベントの定数
AdBreakComplete
追跡する AdBreak Complete イベントの定数
AdStart
追跡する Ad Start イベントの定数
AdComplete
追跡する Ad Complete イベントの定数
AdSkip
追跡する Ad Skip イベントの定数

実装手順

  1. プリロールを含め、いつ広告ブレークの境界が開始するかを識別し、広告ブレーク情報を使用して AdBreakObject を作成します。

    AdBreakObject リファレンス:

    table 0-row-3 1-row-3 2-row-3 3-row-3 3-align-center 7-align-center 11-align-center 15-align-center
    変数名 説明 必須
    name プリロール、ミッドロール、ポストロールなど、広告ブレークの名前
    position 広告ブレークの位置番号(1 から始まる)
    startTime 広告ブレーク開始時の再生ヘッド値

    広告ブレークオブジェクトの作成:

    code language-js
    var adBreakObject =
      MediaHeartbeat.createAdBreakObject(<ADBREAK_NAME>,
                                         <POSITION>,
                                         <START_TIME>);
    
  2. MediaHeartbeat インスタンスの AdBreakStarttrackEvent() を呼び出し、広告ブレークの追跡を開始します。

    code language-js
    mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakStart, adBreakObject);
    
  3. いつ広告が開始するかを識別し、広告情報を使用して AdObject インスタンスを作成します。

    AdObject リファレンス:

    table 0-row-3 1-row-3 2-row-3 3-row-3 4-row-3 3-align-center 7-align-center 11-align-center 15-align-center 19-align-center
    変数名 説明 必須
    name 広告のわかりやすい名前.
    adId 広告の一意の ID。
    position 広告ブレーク内の広告の位置番号(1 から始まる)。
    length 広告の長さ

    広告オブジェクトの作成:

    code language-js
    var adObject =
      MediaHeartbeat.createAdObject(<AD_NAME>,
                                    <AD_ID>,
                                    <POSITION>,
                                    <LENGTH>);
    
  4. オプションで、コンテキストデータ変数を使用して標準または広告メタデータをメディアトラッキングセッションにアタッチします。

    • JavaScript での標準広告メタデータの実装

    • カスタムの広告メタデータ - カスタムのメタデータの場合は、カスタムデータ変数の変数オブジェクトを作成し、現在の広告のデータを設定します。

      code language-js
      /* Set custom context data */
      var adCustomMetadata = {
          affiliate: "Sample affiliate",
          campaign: "Sample ad campaign",
          creative: "Sample creative"
      };
      
  5. MediaHeartbeat インスタンスの AdStart イベントで trackEvent() を呼び出し、広告再生の追跡を開始します。

    カスタムメタデータ変数(または空のオブジェクト)への参照を、イベント呼び出しの 3 番目のパラメーターとして含めます。

    code language-js
    _onAdStart = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdStart,
                                        adObject,
                                        adCustomMetadata);
    };
    
  6. 広告の再生が広告の終わりに到達したら、AdComplete イベントで trackEvent() を呼び出します。

    code language-js
    _onAdComplete = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdComplete);
    };
    
  7. ユーザーが広告のスキップを選択したので広告再生が完了しなかった場合は、AdSkip イベントを追跡します。

    code language-js
    _onAdSkip = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdSkip);
    };
    
  8. 同じ AdBreak にその他の広告がある場合、手順 3 ~ 7 を繰り返します。

  9. 広告ブレークが完了したら、AdBreakComplete イベントを使用して追跡します。

    code language-js
    _onAdBreakComplete = function() {
        this._mediaHeartbeat.trackEvent(MediaHeartbeat.Event.AdBreakComplete);
    };
    

詳しくは、追跡シナリオのプリロール広告のある VOD 再生を参照してください。

recommendation-more-help
c8eee520-cef5-4f8c-a38a-d4952cfae4eb