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

この例では、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() の最初の呼び出しで、スロットの表示状況にかかわらず広告リクエストがトリガーされます。

実装例

デモを見る