AMP 広告を設定する

こんにちは。ましじめの田村です。
AMPで広告を表示したいケースがありました。

公式ドキュメントを見るとこちらの内容で表示可能でした。
AMP ページと収益化
amp-ad
amp-sticky-ad

仕様は今後、大幅に変更される可能性があるそうです。必要な場合は都度マニュアルをチェックするのが良さそうです。

必須のスクリプト

<!-- 広告 -->
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
<!-- 固定表示の広告 -->
<script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"></script>

表示例

タグはこちから作成できる模様
広告タグを作成する

また、使用できる広告はこの辺りを確認すると良さそうです。
AMP ページと AMP HTML に関してアド マネージャーで利用できる機能

以上「AMP 広告を設定する」でした。
AMP対応する際に参考にしてみてください。


関連するタグ

AMP

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

ウェブアクセシビリティ対応、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

ましじめのスキルが必要ですか?

遠慮なくご相談ください。我々はあなたのプロジェクトに最善を尽くし、あなたのウェブサイトの制作を強力にサポートいたします。

お問い合わせはこちらから