Do you build things with AMP? Fill out the new AMP Developer Survey!
AMP

AMP との統合でディスプレイ広告を掲載する

このガイドは、AMP との統合で AMP ページにディスプレイ広告を配信したいと考えている広告ネットワークの運営者を対象としています。

概要

広告サーバーでは、AMP との統合により、AMP HTML 広告と通常の HTML 広告の両方を AMP ページに配信できます。

通常の HTML 広告を配信する
  1. amp-ad
AMP HTML 広告を配信する
  1. amp-ad(通常の HTML 広告を配信するための実装をまだ作成していない場合)。
  2. AMP HTML 広告を配信するための高速フェッチ統合を作成します

amp-ad の実装を作成する

広告の配信先となるサイトの運営者が、広告ネットワークから提供される JavaScript ライブラリを広告サーバーとして設定し、各種の「広告スニペット」を設置します。広告スニペットは、JavaScript ライブラリを使用して広告をフェッチし、サイト運営者のウェブサイトに広告を表示します。AMP では、サイト運営者が任意の JavaScript を実行することは禁止されているため、広告ネットワークでは、AMP のオープンソース コードの開発に参加して、amp-ad タグで自社の広告サーバーの広告をリクエストできるようにする必要があります。

この amp-ad の実装で、従来の HTML 広告と AMP HTML 広告の両方を表示することができます。

たとえば、Amazon A9 サーバーを呼び出すには、次の構文を使用します。

<amp-ad width="300" height="250"
    type="a9"
    data-aax_size="300x250"
    data-aax_pubname="test123"
    data-aax_src="302">
</amp-ad>

上記のコードでは、type 属性で広告ネットワーク(この例では A9)を指定しています。data-* 属性の値は、Amazon A9 サーバーが広告を配信するために必要とするパラメータによって決まります。各パラメータと、A9 サーバーの URL に対する JavaScript の呼び出しの対応関係は、a9.js ファイルに記述されています。amp-ad タグによって渡される、対応するパラメータは前述の URL に付加され、広告を返すために使用されます。

amp-ad の統合を作成する手順については、AMP への広告ネットワークの統合に関する説明をご確認ください。

高速フェッチ統合を作成する

高速フェッチは、広告リクエストと広告レスポンスを分離する AMP のメカニズムです。これにより、ページ ライフサイクルの通常よりも早い段階で広告リクエストを実施し、ユーザーが見る可能性が高い場合にのみ広告を表示できるようになります。高速フェッチでは、通常の HTML 広告よりも検証済みの AMP HTML 広告が優先されます。検証に失敗した広告は、クロスドメインの iFrame にラップされ、AMP ドキュメントの他の要素からは隔離されます。これに対し、検証を通過した AMP HTML 広告は、直接ページに書き込まれます。高速フェッチは、AMP 広告と通常の広告の両方を扱うことができます。検証に失敗した広告についても、追加で広告リクエストを行う必要は必要ありません。

高速フェッチの統合フロー

広告サーバーから AMP HTML 広告を配信するには、次の条件を満たす高速フェッチ統合を提供する必要があります。

  1. SSL ネットワーク通信をサポートする。
  2. 広告リクエストを作成するための JavaScript を提供する(実装例: AdSenseDoubleClick)。
  3. 検証サービスを通じて広告を検証、署名する。たとえば Cloudflare は AMP 広告の検証サービスを提供しており、第三者の広告プロバイダは、このサービスを利用して軽量で訴求力のある広告を高速に配信できます。

高速フェッチ統合を作成する手順については、高速フェッチのネットワーク実装ガイドをご確認ください。

関連資料