Googleアナリティクス4の導入(再)

以前、Googleアナリティクス4を導入し、このブログを放置していたら動かなくなっていました。そのため、動作するように修正しました。

修正手順

原因調査
partytownの削除
確認

原因調査

自分のブログにアクセスして、開発者ツールのネットワークタブから、Googleアナリティクス用の収集がされているかを確認しました。

その結果、gtag/js?id=XXXの通信ログがあり、Googleアナリティクス用のタグは読み込めていることがわかりました。しかしながら、collectの通信ログがなかったため、Googleアナリティクスへの情報送信ができていないことがわかりました。

Partytownの削除

公式サイトの[GA4] 設定アシスタントを使用して Google アナリティクス 4 の利用を開始するを参考に、partytownでの送信をやめることにしました。

修正前

type='text/partytown'と記載していました。

<head>
  <!-- 略 -->
  <script type='text/partytown' async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
  <script type='text/partytown'>
  <!-- 略 -->
  </script>
</head>

修正後

partytownを削除して、念のためscript is:inlineで記載しました。

<head>
  <!-- 略 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
  <script is:inline>
  <!-- 略 -->
  </script>
</head>