アンカー広告を表示する
この例では、Google パブリッシャー タグ（GPT）ライブラリを使用してアンカー広告を表示しています。 アンカー広告について詳しくは、Google アド マネージャー ヘルプセンターをご覧ください。
アンカー広告をプレビュー
GPT を使用する広告を表示するページにデモアンカー広告を表示するには、URL に #gamTopAnchorDemo または #gamBottomAnchorDemo を追加します。例: https://www.example.com/#gamTopAnchorDemo
この機能を使用すると、コードを変更せずに、サイト上のアンカー広告をプレビューできます。これは、さまざまなデバイスやオペレーティング環境でアンカーの外観と動作をすばやく検証するのに特に便利です。
使用上の注意
最適なユーザー エクスペリエンスを実現するため、アンカー広告はフォーマットを適切にサポートしているページでのみリクエストされます。このため、
defineOutOfPageSlot()が null を返すことがあります。この場合は、不要な処理をしていないことを確認する必要があります。現在、アンカー広告は次の条件が満たされている場合にサポートされます。- GPT は上部のウィンドウで実行中です。
- ズームがニュートラルなモバイル デバイス向けのページ。通常は、パブリッシャーがページの
<head>に<meta name="viewport" content="width=device-width, initial-scale=1">またはそれに類似する値を指定していることを意味します。 - ビューポートが縦向きで、幅が
320px～1000pxである。
アンカー広告は、アンカーを表示したいページや環境にのみリクエストしてください。アンカー広告は、パソコン、タブレット、モバイル デバイスに配信できます。
アンカー広告では、独自の広告コンテナが生成されます。他の広告タイプとは異なり、アンカー広告では
<div>を定義する必要はありません。アンカー広告は自動的に独自のコンテナを作成してページに挿入します。これらのコンテナは、絶対位置または固定位置を使用して他の要素と重なったり遮ったりする可能性があるため、アンカーが表示されるはずの領域にはこのような要素を配置しないことをおすすめします。複数のスロットがあるページでシングル リクエスト アーキテクチャ（SRA）を使用する場合は、静的広告スロットの div が作成されるまで
display()を呼び出さないでください。広告のベスト プラクティスで説明されているように、display()を最初に呼び出すと、その時点より前に定義されたすべての広告スロットがリクエストされます。アンカー広告スロットには事前定義された<div>は必要ありませんが、静的広告スロットでは必要です。これらの要素がページ上に存在する前にdisplay()を呼び出すと、品質シグナルが低下するため、収益が低下する可能性があります。このため、静的スロットが定義されるまで最初の呼び出しを遅らせることをおすすめします。更新できるのは、表示されているアンカー広告のみです。アンカー広告スロットが折りたたまれている場合や、まだ視認範囲にスクロールされていない場合、
refresh()の呼び出しはすべて無視されます。ただし、disableInitialLoad()を使って手動で広告の読み込みと更新を制御している場合は、スロットの表示状況にかかわらず、refresh()の最初の呼び出しで広告リクエストがトリガーされます。