ワークスペースへ

導入ガイド

アンカー広告

Anchor ads

ユーザーがページをスクロールしている間、画面の上部または下部に固定され、簡単に閉じられる広告の帯。

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

1分でわかる

アンカー広告とは

アンカー広告は、画面の端にくっついている帯状の広告です。冷蔵庫のマグネットを思い浮かべてください。ドアは開け閉めされても、マグネットは同じ場所にとどまります。ここでも同じです。ユーザーがテキストを上下にスクロールしても、帯は画面の上または下に固定されたままです。ページの上に重なって表示されます。

AdSenseでは、アンカー広告は自動広告の一部で、オーバーレイ形式というグループに入っています。オーバーレイとは、広告がページの上に重なって表示されるという意味です。Googleによると、アンカー広告はデフォルトでは画面の上部に表示され、上部だとユーザーの邪魔になる場合は下部に移ります。上部の広告は、サイト名やメニューを隠さないよう、ユーザーが十分にスクロールした後にだけ表示されます。ダイナミックアンカーもあり、大きくなったり、小さくなったり、小さな広告として画面の隅に移ったりします。

Ad Managerでは、アンカー広告はGPT(Google Publisher Tag)が管理します。これは、ページ上で広告をリクエストして表示するGoogleのコードです。上部アンカーまたは下部アンカーのタイプのスロット(広告スペース)をリクエストします。GPT自身が広告のボックスを作成するため、ページに広告スペースをデザインする必要はありません。ページや端末がこのフォーマットに対応していない場合、GPTはスロットを作成しません。

Google によると、アンカーは高パフォーマンスの形式で、Better Ads 基準に沿っています。Better Ads 基準は、広告が読む人の邪魔にならないようにするためのルールです。ユーザーは小さな矢印をクリックして、いつでも広告を閉じられます。モバイルでもパソコンでも、Google は、アンカーを表示したいページだけでアンカーをリクエストすることを推奨しています。同じコードを両方に使う場合は、それぞれでアンカーをいつ、どこに表示するかを決めておくとよいでしょう。

手順

実装の方法

  1. すべてのページにコードを入れるAdSenseでは、自動広告は、サイトのすべてのページに入れる1つのコードで動作します。Ad Managerでは、ページでGPTが読み込まれる必要があります。
  2. AdSenseでアンカー広告をオンにする「広告」をクリックし、サイトの横にある「編集」をクリックします。「広告設定」で「自動広告」をオンにします。「オーバーレイ形式」で「アンカー広告」をオンのままにします。そのあと「サイトに適用」をクリックします。
  3. 位置と画面を選ぶ詳細設定で「アンカー広告の位置を選択」を使います。上部または下部、上部のみ、下部のみから選べます。ダイナミックアンカーと、1,000ピクセルを超える画面のオプションもここにあります。
  4. Ad Managerでアンカーのスロットを作成するGPT で、アンカー(上または下)タイプのページ外スロットを定義します。できれば head の中に置きます。そのあと、空で返ってきていないか確認します。
  5. Ad Managerでインベントリを準備する320x50と、その他の従来のサイズで、広告ユニットを作成または再利用します。予約済みの広告申込情報では、アンカーのインベントリ形式でターゲティングできます。
  6. コードを変更せずにテストするすでにGPTを読み込んでいるページで、アドレスの末尾に、例に示したデモ用のコードを追加すると、テスト用のアンカー広告が表示されます。

実装例

コードと画面での表示

2つのブロックはページのheadに入れます。1つ目はAdSenseを使う場合、2つ目はGPTでAd Managerを使う場合です。自分のプロダクトのものだけを使ってください。
<!-- AdSense (opcional): âncoras só no rodapé -->
<script async
  src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
  data-overlays="bottom"
  crossorigin="anonymous"></script>

<!-- Ad Manager (GPT): slot âncora -->
<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 anchorSlot = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.BOTTOM_ANCHOR // ou TOP_ANCHOR
    );
    // Volta null se a página ou o aparelho não aceitar âncora
    if (anchorSlot) {
      anchorSlot.addService(googletag.pubads());
    }
    googletag.enableServices();
    if (anchorSlot) {
      googletag.display(anchorSlot);
    }
  });
</script>

<!-- Teste: https://www.exemplo.com/#gamTopAnchorDemo
     ou #gamBottomAnchorDemo -->
デスクトップパソコンでは、アンカー広告は画面の上部または下部に固定された帯として表示されます。AdSenseでは、幅が1,000ピクセルを超える画面でアンカー広告を許可またはブロックするオプションがあります。
モバイルスマートフォンでは、ユーザーがスクロールしている間、帯が上部または下部に固定されます。ダイナミック版はより広い場所を使うことがあり、ユーザーはその場で通常のサイズに小さくできます。

Googleのガイダンス

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

してよいこと

  • 上部と下部のどちらにするかをGoogleに任せる。または、AdSenseの詳細設定で、上部のみ、下部のみを選ぶ。
  • AdSense のコードを公式パラメータで変更し、アンカーを下部だけに表示したり、折りたたみ式でない通常の下部アンカーだけにしたりすること。Google はこれらの変更を「許可される変更」と呼んでいます。
  • 広告を表示したい場所にだけ広告をリクエストする限り、スマートフォン、タブレット、パソコンでアンカー広告を表示する。
  • Ad Managerでは、アンカーのインベントリ形式で広告申込情報をターゲティングし、「インベントリ形式」ディメンションでパフォーマンスを比較する。
  • AdSenseでは、広告フォーマット「アンカー」でフィルタしたカスタムレポートで、結果を測定する。

してはいけないこと

  • アンカー広告をどこに表示するかを決めずに、同じコードをスマートフォンとパソコンに送らないでください。また、広告を出したくないページでアンカーをリクエストしないでください。
  • iframeの中でGPTを実行しないでください。アンカー広告は、GPTがメインウィンドウにある場合にだけ動作します。
  • Googleが認めた変更以外で、AdSenseのコードを変更しないでください。また、広告をスライドさせたり、ズームさせたり、過度に目立たせたりしないでください。
  • 広告のクリックを促さないでください。クリックを求める文言も、広告を指す矢印も禁止です。

ヒント

正しく行うために

注意

よくあるエラー

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

ページがアンカーに対応していない場合、GPTはnullを返します。コードがこれを確認しないと、存在しないスロットを使おうとします。

モバイル向けに調整されていないページ

アンカー広告には、ニュートラルなズームの、モバイル向けに最適化されたページが必要です。通常は、headのviewportタグで解決します。

表示の呼び出しが早すぎる

シングルリクエスト(SRA)では、最初の表示で、それより前に定義されたすべてのスロットをリクエストします。固定のスペースがページに存在する前にこれが来ると、一部の広告が表示されません。Googleは、この最初の呼び出しを遅らせることを推奨しています。

アンカー広告がオフだと思い込む

AdSenseのコードで下部パラメータを使っていると、管理画面でオプションがオフでも、アンカー広告がオンになります。本当にオフにするには、パラメータも外してください。

よくある質問

アンカー広告はパソコンで表示されますか?

表示されることがあります。AdSenseでは主にモバイル向けですが、パソコンでも使え、1,000ピクセルを超える画面のオプションで制御できます。

ユーザーは広告を閉じられますか?

はい。Googleによると、アンカー広告は簡単に閉じられ、Ad Managerでは、ユーザーは矢印をクリックしていつでも閉じられます。

Ad Managerでアンカーのためにdivを作る必要はありますか?

いいえ。アンカー広告は自分でボックスを作成します。GPTでスロットを定義するだけです。

Ad Managerのアンカー広告で動画は使えますか?

使えます。アウトストリーム以外の動画(インストリームではないもの)はデフォルトで有効で、「インストリームではない動画広告をブロック」の保護はオフにする必要があります。

ライブラリ

Google の公式情報

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

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

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

監査を実行する