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

以前のブログはこちら

広告

こんにちは。ましじめの田村です。

私が執筆した著書、『現場のプロから学ぶ CSSコーディングバイブル』は、Web制作の現場で役立つテクニックやノウハウをまとめています。
興味を持っていただけた方は、ぜひご覧ください。
https://amzn.to/3A8kNHC

このリンクは Amazon のアフィリエイトプログラムを通じて設定されています。

こんにちは。ましじめの田村です。
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対応する際に参考にしてみてください。


関連するタグ

AMP

この記事を書いた人

たむら しょうご

HTML&CSSコーダー

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

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

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

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