taktamur's Scrap Blog

🤖 GA4 と Cloudflare Web Analytics を両方入れた

[blog.taktamur.me] にアクセス解析を入れた。

やったこと

[baseof.html] の <head> に gtag.js 追加。

<script async src="https://www.googletagmanager.com/gtag/js?id=G-TJH5375VBJ"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-TJH5375VBJ');
</script>

[Cloudflare Pages] の Metrics → Web Analytics 有効化。JS 追加不要。

ハマり

  • Web Analytics の有効化UIは Metrics タブの中。独立したタブじゃなかった。
  • 有効化しても即反映されず、次回デプロイが必要。空コミットでトリガーした。

確認

$ curl -s https://blog.taktamur.me/ | grep gtag
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TJH5375VBJ"></script>
$ curl -s https://blog.taktamur.me/ | grep cloudflareinsights
cloudflareinsights.com/beacon.min.js

GA4 は Google Analytics のリアルタイム、CF は ダッシュボード の Web Analytics でデータ確認。