Googleアナリティクス4の導入(再)
By miyazaDaniels on Feb 19, 2026
以前、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>確認
修正後、Googleアナリティクスのコンソール画面上で、リアルタイムに自分のアクセスが確認できました！
ああ、よかった。公式サイトどおり、シンプルな設定が楽でいいですね。
