ワークスペースへ

導入ガイド

Ad Manager のウェブ インタースティシャル

Web interstitials

GPT が、ページ移動時などのきっかけで表示する Ad Manager のページ全体の広告です。閉じる操作がわかりやすく、表示頻度の上限があります。

  • Ad Manager
  • モバイルとデスクトップ
デスクトップ
スマートフォン

1分でわかる

Ad Manager のウェブ インタースティシャルとは

ウェブ インタースティシャルは、Google Ad Manager のページ全体の広告です。ユーザーがリンクをクリックしてサイトの別のページへ移動するときなど、区切りのタイミングで表示されます。連続ドラマの合間のようなものです。物語が少し止まり、コマーシャルが入って、そのあと続きに戻ります。広告はページ移動の合間に入るので、読んでいたものを見失うことはありません。

すべてを担当するのは GPT、つまり Google パブリッシャー タグです。サイトで広告をリクエストして表示する Google のコードです。あなたはインタースティシャル タイプのスロット(広告スペース)をリクエストするだけです。GPT が自分で枠を作り、適切なタイミングを選んで広告を表示します。常にオンになっているトリガーは、リンクのクリックです。ほかにもあります。サイトのタブに戻ること、パソコンでブラウザのナビゲーション バーをクリックすること、記事の最後に到達すること、30秒間操作せずに止まったあと動かすこと、戻るボタンを使うことです。これらはネットワーク設定またはコードでオンにできます。

Google は、インタースティシャルは Better Ads Standards に従うように作られていて、訪問者への配慮が3つあると説明しています。わかりやすい閉じ方、調整できる表示頻度の上限、そして邪魔な広告に関する Google 検索のルールの遵守です。デフォルトの上限は、1人あたり10分に1回で、1分に1回まで下げられます。複数のトリガーが同時に起きても、上限は守られます。

サイト内で複数のページを見てもらえるサイトに向いています。大事な点として、インタースティシャルは表示頻度の管理にブラウザのローカル ストレージを使います。ヨーロッパで使われる同意の標準である IAB の TCF を使っている場合は、目的1の同意が必要です。2024年11月4日以降は、ローカル ストレージへの同意がない人にも広告が表示されることがあります。コードのオプションでそのアクセスを必須にしている場合は除きます。

手順

実装の方法

  1. 広告ユニットを作成するサイズは 320x480、300x250、336x280 を使います。プログラマティックでは、画面に合わせて広告のサイズが変わることがあるため、これらのサイズは設定のためだけのものです。
  2. head にインタースティシャル スロットを置くGPT で、インタースティシャル タイプのアウトオブページ スロットを定義し、ほかのスロットと同じように表示します。空で返っていないか確認してください。
  3. 広告申込情報を設定する予約型とプログラマティック直接取引では、これらのサイズのクリエイティブを使い、必要に応じてインタースティシャルの在庫フォーマットでターゲティングします。Ad Exchange では、広告ユニットと、いずれかのサイズのタグ クリエイティブを含めます。
  4. トリガーを選ぶ[在庫]、[ネットワーク設定]の順にクリックし、[ウェブ インタースティシャルのトリガー]を調整します。例のように、コードでトリガーをオンにすることもできます。
  5. 頻度を調整するデフォルトの上限は10分に1回です。ネットワークまたは広告ユニットで、1分に1回まで変更できます。
  6. リンクを保護してテストするメニューのリンクに除外属性を付けます。テストするには、ページのアドレスの末尾にデモ用のコードを付けて、リンクをクリックします。

実装例

コードと画面での表示

GPT のブロックはページの head に入れます。属性は、インタースティシャルを呼び出さないようにしたい各リンク(またはその上位の要素)に付けます。
<!-- No head -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    const interstitialSlot = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.INTERSTITIAL,
    );
    // Volta null se a página ou o aparelho não aceitar intersticial
    if (interstitialSlot) {
      interstitialSlot.addService(googletag.pubads()).setConfig({
        interstitial: {
          // Acionadores opcionais (o clique em link já vem ligado)
          triggers: { navBar: true, unhideWindow: true },
        },
      });
    }
    googletag.enableServices();
    if (interstitialSlot) {
      googletag.display(interstitialSlot);
    }
  });
</script>

<!-- Link que nunca chama o intersticial (por exemplo, no menu) -->
<a href="https://www.exemplo.com/"
  data-google-interstitial="false">Início</a>

<!-- Teste: acrescente #gamInterstitialDemo no fim do endereço -->
<!-- e depois clique num link -->
<!-- Teste de acionador (modelo da ajuda do Ad Manager): -->
<!-- #gamInterstitialTriggerDemo={navigationBar, pageUnhide, -->
<!--   inactivity, endOfArticle, backward} -->
デスクトップパソコンでは、ページ移動のときに広告がページ全体を覆います。ブラウザのナビゲーション バーをクリックするトリガーは、パソコンにだけあります。
モバイルモバイルでは、ページとページの間で広告が画面全体を占め、ユーザーは閉じるオプションまたは戻るボタンで抜けられます。

Googleのガイダンス

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

してよいこと

  • 任意のトリガーを、管理画面の[ネットワーク設定]で、またはスロットの設定を使ってコードでオンにする。
  • 表示頻度の上限を、ネットワークまたは広告ユニットで、1分に1回まで変更する。
  • 特定のリンクがインタースティシャルを呼び出さないように、リンクまたはその上位の要素に属性を付ける。
  • 予約型、プログラマティック直接取引、Ad Exchange、プライベート オークションで販売する。プライベート オークションでは、サイズを選ばず、キーバリューまたは別の広告ユニットで取引を絞り込む。
  • 同じサイズで、予約型とプログラマティック直接取引で非インストリーム動画を配信する。
  • 在庫フォーマットのディメンションで成果を比較する。そこではインタースティシャルとして表示されます。

してはいけないこと

  • インタースティシャルを出したくないページでは、リクエストしないでください。
  • GPT を iframe の中で実行しないでください。インタースティシャルは、メインウィンドウの GPT でのみ動作します。
  • モバイルページでは、固定の幅や高さを使わないでください。viewport タグを使うか、固定サイズを避けてください。
  • 新しいウィンドウで開くリンクや、http または https を使わないリンクでは、インタースティシャルは期待できません。そうしたリンクが広告を呼び出すことはありません。
  • アプリのインタースティシャルと混同しないでください。アプリでは別のプロダクトで、Google Mobile Ads SDK が配信します。

ヒント

正しく行うために

注意

よくあるエラー

スロットが空で返ってきていないか確認しない

ページがインタースティシャルに対応していない場合、GPT は null を返します。スロットを使う前に、コードでこれを確認する必要があります。

同意を忘れる

インタースティシャルはローカル ストレージを使います。TCF では、目的1の同意がないと、期待どおりに動作しないことがあります。

除外のないメニュー

除外属性がないと、メニューのクリックすべてが広告を呼び出す可能性があります。Google は、ナビゲーション要素にこそ除外を付けるよう案内しています。

クリエイティブのサイズが違う

予約型では、インタースティシャル広告ユニットのサイズである 320x480、300x250、336x280 のクリエイティブを使います。

よくある質問

ユーザーはインタースティシャルを閉じられますか?

はい。この形式にはわかりやすい閉じ方があり、ブラウザの戻るボタンでも閉じられます。

何回表示されますか?

デフォルトでは、1人につき最大で10分に1回です。1分に1回まで変更できます。

divを作る必要はありますか?

いいえ。インタースティシャルは自分で枠を作ります。

AdSense のビネットと同じものですか?

どちらもページ全体の広告で、ページとページの間に表示されます。ただし、ビネットは AdSense の自動広告のもので、ウェブ インタースティシャルは GPT を使う Ad Manager のものです。

ライブラリ

Google の公式情報

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

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

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

監査を実行する