広告申込情報

ウェブでのアンカー広告の入稿

ウェブページの上部または下部にアンカー広告を配信して、収益性を向上できます。#anchorads #mobileweb #desktop

ウェブページの上部または下部に固定して表示され、ユーザーがスクロールしてもその場所に留まるアンカー広告を入稿できます。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. タグ設定
    1. TOP_ANCHOR または BOTTOM_ANCHOR スロットタイプをウェブページ(できる限り <head> 要素内)に追加します。
    2. 他の広告スロットと同じように、広告スロットを表示します。
      ページでこのフォーマットがサポートされていない場合、defineOutOfPageSlot() は null を返します。
    3. サイドレール アンカー広告の場合: LEFT_SIDE_RAIL または RIGHT_SIDE_RAIL を使用して、
      ウェブページの <head> 要素に新しい GPT スロットを作成します。

      • GPT を使用して広告を表示するページでサイドレール広告のデモを行うには、#gamLeftSideRailDemo または #gamRightSideRailDemo を追加します。
    タグ設定のヒント:
    • アンカー スロットは、広告を表示する場所にのみ追加します。アンカー広告はモバイル デバイスに限定されません。モバイルとモバイル以外の両方に同じコードを配信する場合は、それぞれの環境でアンカー広告を表示するタイミングと場所を明示的に定義することをおすすめします。デバイスによるターゲット設定の例については、デベロッパー向けドキュメントをご覧ください。
    • 上部または下部のアンカー広告がページにどのように表示されるかを確認するには、gpt.js を読み込んでいるページにハッシュ パラメータ #gamTopAnchorDemo または #gamBottomAnchorDemo を追加します。
    • GPT を使用して広告を表示するページでサイドレール広告のデモを行うには、#gamLeftSideRailDemo または #gamRightSideRailDemo を追加します。
  2. 入稿
    1. アンカー広告スロット用の広告ユニットを作成します(または既存の広告ユニットを使用します)。入稿を効率化するため、320x50 のサイズを追加します。
      • 入稿を効率化するため、従来の予約取引で使用できるサイズを追加します。
      • サイドレール アンカー広告の場合は、広告ユニットと広告申込情報を作成するか再利用し、180x500、160x600、120x600 のサイズを追加します(デスクトップ、予約、バックフィル/プログラマティック広告用)。
    2. 広告申込情報を作成します。
  3. レポート
    「広告枠フォーマット」ディメンションを使用して、アンカー広告の掲載結果を他のフォーマットと比較できます。

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

改善できる点がありましたらお聞かせください。
true
リリースノート

アド マネージャーの最新の機能とヘルプセンターの更新情報を紹介しています。

最新情報をご覧ください

検索
検索をクリア
検索を終了
メインメニュー
7659424612267270692
true
ヘルプセンターを検索
true
true
true
true
true
148
false
false