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

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

プロジェクトでは主にユーザーヒアリング、進行管理、フロントエンド開発、CMSを利用したウェブサイト制作を担当しています。
趣味はガーデニングです。

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

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

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