ましじめ株式会社

この記事は最終更新日から2年以上経過しています。

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 ページと収益化 amp-ad amp-sticky-ad 仕様は今後、大幅に変更される可能性があるそうです。必要な場合は都度マニュアルをチェックするのが良さそうです。 必須のスクリプト &lt;!-- 広告 --&gt; &lt;script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"&gt;&lt;/script&gt; &lt;!-- 固定表示の広告 --&gt; &lt;script async custom-element="amp-sticky-ad" src="https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js"&gt;&lt;/script&gt; 表示例 タグはこちから作成できる模様 広告タグを作成する また、使用できる広告はこの辺りを確認すると良さそうです。 AMP ページと AMP HTML に関してアド マネージャーで利用できる機能 以上「AMP 広告を設定する」でした。 AMP対応する際に参考にしてみてください。

スタッフブログ

AMP アナリティクスを表示する

こんにちは。ましじめの田村です。 AMPでアナリティクスを表示したいケースがありました。 公式ドキュメントを見るとこちらの内容で表示可能でした。 AMP ページにアナリティクスを追加する amp-analytics 必須のスクリプト &lt;script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"&gt;&lt;/script&gt; 表示例 &lt;amp-analytics type="gtag" data-credentials="include"&gt; &lt;script type="application/json"&gt; { "vars" : { "gtag_id": "&lt;GA_MEASUREMENT_ID&gt;", "config" : { "&lt;GA_MEASUREMENT_ID&gt;": { "groups": "default" } } } } &lt;/script&gt; &lt;/amp-analytics&gt; 以上「AMP アナリティクスを表示する」でした。 AMP対応する際に参考にしてみてください。

スタッフブログ