ウェブに表示されるアンカー広告を入稿する

ウェブページの最上部、最下部、またはパソコン用ページの横に表示されるアンカー広告を入稿できます。ユーザーがスクロールしても、広告はその場所に留まります。Better Ads Standards に準拠した、この成果の高いフォーマットを使用すると、ウェブページの増収が期待できます。ユーザーは矢印をクリックして、いつでもアンカー広告を閉じることができます。

アンカー広告では、カスタム要素とクリエイティブ レスポンス内のフォーマット固有のロジックを使用したヘッダー入札がサポートされます。ヘッダー入札ラッパーは、シェル クリエイティブと同じ iFrame にクリエイティブが適切に埋め込まれるようにする役割を担います。

このページの内容

上部のアンカー広告

上部のアンカー広告は、ページ上部のメニューが隠れないように、最初は非表示になっています。アンカー広告は、ユーザーがスクロールすると表示されます。ユーザーがページの上部までスクロールしたときにコンテンツが隠れないように、padding-top を body 要素のスロットの高さと一致するように設定し、一番上のスペースが確保されます。サイトの CSS でスペースが確保されるようにします。

モバイルウェブ画面の上部のアンカー広告の例
非表示 アンカー
非表示にしたモバイルウェブ向けのアンカー広告(上部に固定)の例 モバイルウェブ向けのアンカー広告(上部に固定)の例
デスクトップ画面の上部のアンカー広告の例

非表示

非表示にしたパソコン向けのアンカー広告(上部に固定)の例

アンカー

パソコン向けのアンカー広告(上部に固定)の例

下部のアンカー広告

下部のアンカー広告は、広告が取得されると表示されます。ユーザーがページの一番下までスクロールしたときにコンテンツが隠れないように、padding-bottom を body 要素のスロットの高さと一致するように設定し、一番下のスペースが確保されます。サイトの CSS でスペースが確保されるようにします。

モバイルウェブ画面の下部のアンカー広告の例
非表示 アンカー
非表示にしたモバイルウェブ向けのアンカー広告(下部に固定)の例 モバイルウェブ向けのアンカー広告(下部に固定)の例
デスクトップ画面の下部のアンカー広告の例

非表示

非表示にしたパソコン向けのアンカー広告(下部に固定)の例

アンカー

パソコン向けのアンカー広告(下部に固定)の例

サイドレール アンカー広告

サイドレール アンカー広告は、パソコン用ページの横(通常は空いているスペース)に表示される広告ユニットタイプです。広告は、取得されるとすぐに表示されます。広告サイズは利用可能なスペースに合わせて最適化されますが、サイドレール アンカーがサポートされていない場合、広告は表示されません。

ウィンドウのサイズが変更されて広告が空きスペースに収まらなくなった場合、スペースが再び利用可能になるまでスロットは一時的に非表示になります。広告スロットは、5 ~ 25 ピクセルの範囲で、メイン コンテンツのできる限り近くに表示されます。

パソコンに表示されているサイドレール アンカー広告の例

非表示

非表示にしたパソコン向けのサイドレール アンカー広告の例

アンカー

パソコン向けのサイドレール アンカー広告の例

モバイルウェブ向けの折りたたみ可能なアンカー広告 (ベータ版) 

モバイルアプリ向けの折りたたみ可能バナー広告と同様に、折りたたみ可能なアンカー広告は画面の高さの半分に表示されます。ユーザーは、すぐに標準のアンカーサイズに折りたたむことができます。これはアンカー広告フォーマットの機能として現在ベータ版で提供されています。

詳しくは、モバイルウェブ向けの折りたたみ可能なアンカー広告をご覧ください。

ウェブアンカーのサイズ

インベントリ タイプ サイズ
従来の予約取引

サポートされている予約広告のサイズ:

  • モバイルウェブ: 320×50、320×100
  • タブレット: 728×90
  • デスクトップ: 728×90、980×90、990×90、970×90
プログラマティック デマンド

プログラマティック広告の場合:

  • アンカー広告はウィンドウに適したサイズに変更されます。
  • 実際のクリエイティブ サイズはビューポートに対応し、ユーザー エクスペリエンスを損なわないようになっています。

使ってみる

デベロッパー ドキュメント タグ設定の詳細(デバイス ターゲティングや、パソコンとモバイルのどちらでアンカー スロットを作成するかを制御する方法など)については、デベロッパー向けドキュメントをご覧ください。

アンカー広告のタグ設定

  1. TOP_ANCHOR または TOP_ANCHOR スロットタイプをウェブページ(できる限り <head> 要素内)に追加します。
  2. 他の広告スロットと同じように、広告スロットを表示します。
    ページでこのフォーマットがサポートされていない場合、defineOutOfPageSlot() は null を返します。
  3. サイドレール アンカー広告の場合:

    1. LEFT_SIDE_RAIL または RIGHT_SIDE_RAIL を使用して、ウェブページの <head> 要素に新しい GPT スロットを作成します。
    2. GPT を使用して広告を表示するページでサイドレール広告のデモを行うには、#gamLeftSideRailDemo または #gamLeftSideRailDemo を追加します。

タグ設定のヒント

  • アンカー スロットは、広告を表示する場所にのみ追加します。なお、アンカー広告はモバイル デバイスに限定されるわけではありません。モバイルとモバイル以外の両方に同じコードを配信する場合は、それぞれの環境でアンカー広告を表示するタイミングと場所を明示的に定義することをおすすめします。デバイスによるターゲットの設定方法の例については、デベロッパー向けドキュメントをご覧ください。
  • 上部または下部のアンカー広告がページにどのように表示されるかを確認するには、#gamTopAnchorDemo を読み込んでいるページにハッシュ パラメータ #gamTopAnchorDemo または #gamTopAnchorDemo を追加します。
  • GPT を使用して広告を表示するページでサイドレール広告のデモを行うには、#gamLeftSideRailDemo または #gamLeftSideRailDemo を追加します。

アンカー広告の入稿

  1. アンカー広告スロット用の広告ユニットを作成します(または既存の広告ユニットを使用します)。入稿を効率化するため、320x50 のサイズを追加します。
    • 入稿を効率化するため、従来の予約取引で使用できるサイズを追加します。
    • サイドレール アンカー広告の場合は、広告ユニットと広告申込情報を作成するか再利用し、180x500、160x600、120x600 のサイズを追加します(デスクトップ、予約、バックフィル/プログラマティック広告用)。
  2. 広告申込情報を作成します。

アンカー広告に関するレポートを作成する

「広告枠フォーマット」ディメンションを使用して、アンカー広告の掲載結果を他のフォーマットと比較できます。

この情報は役に立ちましたか?

改善できる点がありましたらお聞かせください。
検索
検索をクリア
検索を終了
Google アプリ
メインメニュー