この記事は最終更新日から2年以上経過しています。
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 から関連する記事を表示しています。
AMP タグ マネージャーを設定する
こんにちは。ましじめの田村です。 AMPでアナリティクスを表示したいケースがありました。 公式ドキュメントを見るとこちらの内容で表示可能でした。 AMP とタグ マネージャーの設定ガイド amp-analytics 必須のスクリプト <!-- headの中 --> <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> <!-- bodyの中 --> <amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-CONTAINER_ID" data-credentials="include"></amp-analytics> 表示例 <script type="application/json "> { "vars" : { "type": "shoes", "color": "red" } } </script> </amp-analytics> 以上「AMP タグ マネージャーを設定する」でした。 AMP対応する際に参考にしてみてください。
スタッフブログ
AMP アナリティクスを表示する
こんにちは。ましじめの田村です。 AMPでアナリティクスを表示したいケースがありました。 公式ドキュメントを見るとこちらの内容で表示可能でした。 AMP ページにアナリティクスを追加する amp-analytics 必須のスクリプト <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script> 表示例 <amp-analytics type="gtag" data-credentials="include"> <script type="application/json"> { "vars" : { "gtag_id": "<GA_MEASUREMENT_ID>", "config" : { "<GA_MEASUREMENT_ID>": { "groups": "default" } } } } </script> </amp-analytics> 以上「AMP アナリティクスを表示する」でした。 AMP対応する際に参考にしてみてください。
スタッフブログ
