導入ガイド

動画オーバーレイ広告

Overlay ads (non-linear ads)

動画の一部に重なって表示されるテキストや画像の広告です。動画は止まらずに再生され続けます。

Ad Manager
Ad Exchange
AdSense(Ad Manager経由)
動画プレーヤーの中、コンテンツの一部の上

フォーマットを学ぶ自分のサイトを確認する

デスクトップ

スマートフォン

1分でわかる

動画オーバーレイ広告とは

テレビでスポーツの試合を見ていると、画面の一部に小さな広告が出るのに、試合は続いている。そんな経験はありませんか？オーバーレイ広告はそれに似ています。動画の再生中、動画の一部だけを覆うテキストまたは画像の広告です。動画は止まりません。ユーザーは見続けられ、広告は画面の小さな一角に貼られたシールのように、その上に表示されます。

動画広告の世界では、これを非リニア(non-linear)広告と呼びます。リニアは、プレロールのように動画の代わりに入り、コンテンツを止める広告です。非リニアは、動画と画面を分け合う広告です。Ad Manager には「オーバーレイ」というクリエイティブタイプがあり、Google はこれを、動画の再生中にコンテンツの一部を覆う広告と説明しています。広告はテキスト、画像、またはその両方にできます。ファイルを Ad Manager にアップロードするか、リモートファイルを使えます。長さ、スケール、サードパーティのトラッキングリンクも設定できます。

サイトでオーバーレイを表示するのは IMA SDK、つまりプレーヤー内の広告用の Google のコードパッケージです。リクエストでは、プレーヤーが、非リニア広告を表示できる長方形のエリアの幅と高さを伝えます。このサイズは非リニア広告では必須で、広告の選択に役立つものの、実際の広告サイズと同じである必要はないと Google は説明しています。広告が読み込まれてそれが非リニアの場合、Google のサンプルコードは動画の再生を続けます。広告が動いているコンテンツの上に表示されるようにするためです。

重要なルールがあります。動画の広告ルールがネットワークまたはタグ自体で有効になっている場合、オーバーレイ広告は配信できません。また、Google の動画ポリシーでは、動画と広告のコントロールを覆ったり、隠したり、動かなくしたりしてはいけません。そのため、オーバーレイは、再生・一時停止・音量のボタンを隠さずに、適切な領域に収める必要があります。

手順

実装の方法

オーバーレイのクリエイティブを作る動画の広告申込情報に、オーバーレイタイプのクリエイティブを追加します。ファイルを Ad Manager にアップロードするか、リモートファイルを使い、必要なら長さ、スケール、トラッキングを設定します。
広告ルールを確認する動画の広告ルールがネットワークまたはタグで有効になっている場合、オーバーレイ広告は対象外です。オーバーレイをあてにする前に確認してください。
リクエストで非リニアエリアを伝えるIMA の AdsRequest で、非リニアエリアの幅と高さを指定します。これらの値は非リニア広告では必須だと Google は説明しています。
動画の再生を続ける広告が読み込まれたら、リニア広告かどうかを確認します。リニアでなければ、Google の例のように、動画の再生を続けさせます。
プレーヤーのサイズに合わせるウィンドウのサイズが変わったら、動画のサイズで AdsManager をリサイズし、オーバーレイが正しい位置にとどまるようにします。

実装例

コードと画面での表示

IMA を使うプレーヤーのコードに入れます。リクエストでオーバーレイのエリアを伝え、読み込まれた広告が非リニアのときは動画の再生を続けさせます。

<script>
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&sz=640x480&env=vp&gdfp_req=1&output=vast' +
      '&unviewed_position_start=1&vpa=click&vpmute=0&plcmt=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Fvideo&correlator=';

  // Área para anúncios lineares (que param o vídeo)
  adsRequest.linearAdSlotWidth = 640;
  adsRequest.linearAdSlotHeight = 400;

  // Área para anúncios NÃO lineares (overlay), obrigatória para eles
  adsRequest.nonLinearAdSlotWidth = 640;
  adsRequest.nonLinearAdSlotHeight = 150;

  adsLoader.requestAds(adsRequest);

  // Quando o anúncio carrega: se não for linear, o vídeo segue tocando
  function onAdLoaded(adEvent) {
    var ad = adEvent.getAd();
    if (!ad.isLinear()) {
      video.play();
    }
  }
  // adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdLoaded);
</script>

デスクトップテキストまたは画像の帯が動画の一部の上に表示され、その下で動画は再生を続けます。

モバイルプレーヤーと広告がそのように設定されていれば、プレーヤー内の動画の一部の上にも表示されます。コンテンツは一時停止しません。

Googleのガイダンス

できることとできないこと

してよいこと

動画の再生中に、その一部を覆う、テキスト、画像、またはその両方の広告を表示する。
オーバーレイクリエイティブを Ad Manager にアップロードするか、リモートファイルを使う。長さ、スケール、トラッキングは任意です。
非リニア広告が表示されている間も、動画の再生を続ける。
パブリッシャーホストのプログラマティック保証型で、オーバーレイのクリエイティブを使うこと。

してはいけないこと

ネットワークまたはタグで動画広告ルールが有効な場合、オーバーレイ広告は配信できません。
オーバーレイで、動画や広告のコントロールを覆ったり、隠したり、操作できなくしたりしてはいけません。
非リニアエリアの幅と高さを指定せずに、非リニア広告をリクエストしてはいけません。必須だと Google は説明しています。
YouTubeの動画で収益を得るためにIMAのプロダクトを使ってはいけません。
自動再生される表示中のプレーヤーを、同時に複数にしてはいけません。

ヒント

正しく行うために

Google の例では、640×150 の非リニアエリアを使っています。指定するサイズは、広告のサイズと同じである必要はありません。
IMA には、AdSense の非リニア広告を全画面のリニア広告として強制的に表示するオプションがあります。その場合、動画は一時停止し、広告がスキップされるか閉じられると再開します。

注意

よくあるエラー

広告ルールがオンのままオーバーレイを使う

ネットワークまたはタグで動画広告ルールが有効な場合、非リニア広告は対象外だと Google は説明しています。オーバーレイは単に表示されません。

非リニアエリアを忘れる

リクエストで非リニアエリアの幅と高さを指定しないと、IMA にはこのタイプの広告を選ぶための必須の条件がありません。

オーバーレイで動画を一時停止する

オーバーレイは、動画が再生されている状態で表示されるように作られています。Google の例では、読み込まれた広告が非リニアの場合、動画の再生を続けさせます。

プレーヤーのボタンを隠す

オーバーレイがコントロールの上に重なると、ユーザーは一時停止も音量の変更もできなくなります。これは Google の動画ポリシーに反します。

よくある質問

オーバーレイは動画を止めますか？

いいえ。コンテンツの再生を続けたまま、動画の一部だけを覆います。動画を止めるのは、プレロールのようなリニア広告です。

オーバーレイを広告ルールと一緒に使えますか？

いいえ。ネットワークまたはタグで動画広告ルールが有効な場合、オーバーレイ広告は対象になりません。

どのサイズを指定すればよいですか？

Google の例では 640×150 を使っています。この値は広告の選択のためのもので、実際の広告サイズと同じである必要はありません。

オーバーレイはテキストだけでもよいですか？

はい。オーバーレイ広告は、テキスト、画像、またはその両方にできると Google は説明しています。

ライブラリ

Google の公式情報

このページの内容はすべて Google の公式ドキュメントに基づいています。原文で直接確認できます。

あなたのサイトは、このフォーマットを正しく使っていますか?

監査は、何もクリックせずに訪問者としてサイトを読み取り、修正すべき点を表示します。

監査を実行する