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 広告の検証サービスを提供しており、第三者の広告プロバイダは、このサービスを利用して軽量で訴求力のある広告を高速に配信できます。

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

関連資料