🤖 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 でデータ確認。