サイドレール広告を表示する

この例では、Google パブリッシャー タグ(GPT)ライブラリを使用してサイドレール広告を表示しています。サイドバー広告について詳しくは、Google アド マネージャー ヘルプセンターをご覧ください。

サイドレール広告をプレビューする

GPT を使用して広告を表示するページでサイドレール広告のデモを表示するには、URL に #gamLeftSideRailDemo または #gamRightSideRailDemo を追加します。例: https://www.example.com/#gamLeftSideRailDemo

これを使用すると、コードを変更することなく、サイトのサイドレール広告をプレビューできます。これは、さまざまなデバイスやオペレーティング環境でサイドレールの外観と動作をすばやく検証する場合に特に便利です。

使用上の注意

  • 最適なユーザー エクスペリエンスを実現するため、サイドレール広告は、このフォーマットを適切にサポートしているページでのみリクエストされます。このため、defineOutOfPageSlot() は null を返す可能性があります。このケースを確認して不要な処理が行われないようにします。サイドレール広告は、次の条件が満たされている場合にサポートされます。

    • GPT が最前面のウィンドウで実行されている。
    • ビューポートのサイズが 1200x650 ピクセル以上。
  • サイドレール広告を表示するページや環境でのみ、サイドレール広告をリクエストします。サイドレール広告は、すべてのデバイスに配信できます。

  • サイドレール広告は独自の広告コンテナを生成します。サイドレール広告には <div> は必要ありません。サイドレール広告は、広告が埋まると、独自のコンテナを自動的に作成してページに挿入します。これらのコンテナは、メインページのコンテンツにできるだけ近い位置に配置されます。

  • サイドレール広告は、利用可能なスペースに合わせて最適化されます。サイドレール広告を表示するには、メインページ コンテンツの左右に少なくとも 120x500 ピクセルの空白スペースが必要です。表示後、ページのサイズが変更されて空きスペースがこの最小値を下回った場合、スペースが再び利用可能になるまでスロットは一時的に非表示になります。

  • 複数のスロットがあるページでシングル リクエスト アーキテクチャ(SRA)を使用する場合は、静的広告スロットの div が作成されるまで display() を呼び出さないようにします。広告のベスト プラクティスで説明されているように、display() の最初の呼び出しでは、それまでに定義されたすべての広告スロットがリクエストされます。サイドレール広告スロットでは事前定義された <div> は不要ですが、静的広告スロットでは必要です。これらの要素がページに存在する前に display() を呼び出すと、シグナルの品質が低下し、収益化が減少する可能性があります。そのため、静的スロットが定義されるまで最初の呼び出しを遅らせることをおすすめします。

  • 表示されているサイドレール広告のみを更新します。サイドレール広告スロットが閉じられているか表示されていない場合、refresh() の呼び出しはすべて無視されます。disableInitialLoad() を使用して広告の読み込みと更新を手動で制御している場合、refresh() の初回呼び出し時に、スロットが表示されているかどうかに関係なく広告リクエストがトリガーされます。

実装例

デモを表示

JavaScript

読み込んでいます...

TypeScript

読み込んでいます...