次の結果を表示 
次の代わりに検索 
もしかして 
If you don't find an answer, please click here to post your question.

開発: Google IMA V3 のコンパニオンアドを表示する

0 件の賞賛
開始日時 ‎12-25-2013 投稿者
更新日時 ‎10-25-2016 投稿者

開発: Google IMA V3 のコンパニオンアドを表示する

開始者 ‎12-25-2013 01:56 AM - 最終編集日: ‎10-25-2016 12:01 PM 、編集者: Ooyalan (530 閲覧回数)

TS-00225 Player

Google IMA V3 のコンパニオンアドの表示

 

 Google IMA V3 Ad タグを含むコンパニオンアドの表示方法について解説します。

 

環境

端末互換性

Flash, iOS

OS

Windows, Mac OSX, iOS, Android

ブラウザ

全て

トラブルシューティングツール

n/a

その他

n/a

 

原因

 DoubleClick VAST タグを使用すると、コンパニオンアドが表示される前にOoyala Player V3 は WILL_SHOW_COMPANION_ADS イベントを検知します。ユーザーは自身のサイトにおいてAd タグのコンテンツを処理できます。

 しかしながら、Google IMA V3 では、異なる方法が必要です。

 

解決策

 Google より以下のようなJSコードを入手し、<head> タグ内に埋め込みます。

<script src="//www.googletagservices.com/tag/js/gpt.js"></script>

 

 

 Webページの Body 内に Ooyala Player を埋め込み、必要に応じてコンパニオンアドを表示するための Div を用意します。そして、 Google の Publisher タグ API のコードを設定します。
 

googletag.cmd.push(function() {

var adSlot1 = googletag.defineSlot(

'Ad Unit Name',

[300, 250],

'cad');

adSlot1.addService(googletag.companionAds());

googletag.enableServices();

googletag.display('cad');

});

 

 コンパニオンアドのデータは、 defineSlot メソッドにて設定されます。3つのパラメータが必要です。

    Ad Unit Name - Google IMA の顧客へ直接提供されます。

    Size of the companion ad - [幅, 高さ]の配列です。

    ID of the Div Container -コンパニオンアドがロードされる Div 要素の ID です。

 

 コンパニオンアドのデータをロードする準備が整いました。Google のコンパニオンアドサービスを利用できます。 .display() メソッドをトリガーとしてアドを表示する場合、 ID で指定された div 要素にアドが展開されます。

 

参考情報

http://help.ooyala.com/video-platform/api/player_v3_api_events.html

https://support.google.com/dfp_premium/answer/1650154?expand=googletag_details#defineSlot