Home / web小技 / Google Analytics の AMP 対応

Google Analytics の AMP 対応

Google Analytics のプロパティにあるタグをコピペで埋め込むだけだと、AMP対応しているサイトの Analytics にセッションが反映されなかったので、調べて解決しました。

 

まず、<head>タグ内に以下を埋め込む必要があります。非同期で読み込む Analytic s用の javascript だと思います。

<script async custom-element="amp-analytics"
src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js">
</script>

次に、<body>内に以下を埋め込みます。<TARGET_ID>部分を Google Analytics の トラッキングID に置き換えます。

(トラッキングID は、Google Analytics の プロパティ>トラッキング情報>トラッキングコード から見られる情報です。)

<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "<TARGET_ID>",
    "config" : {
      "<TARGET_ID>": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

 

ソース : https://developers.google.com/gtagjs/devguide/amp

 

これで無事リアルタイムでもセッションが Google Analytics で確認できるようになりました。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください