画像広告の作成

AMPTHLML 広告ドキュメントの <body> に HTML と AMP タグを含めることができますが、すべてのタグが許可されているわけではありません。許可されているタグのリストについて、AMPHTML 広告の仕様を参照子くてください。

広告には、広告サイトへのハイパーリンクが付いた単純な画像を使用します。画像の表示には amp-img タグを使用します。以下は、そのコードです。

<body>
  <a target="_blank" href="https://www.amp.dev">
    <amp-img
      width="300"
      height="250"
      alt="Learn amp"
      src="/static/img/docs/ads/amp-300x250.png"
    ></amp-img>
  </a>
</body>

ブラウザで html ファイルを開くと、以下の画像が表示されます。

learn about AMP ad

画像広告をクリックすると、広告サイト（AMP プロジェクトサイト）に移動します。

前の章へ次の章へ