設定 GA4 與 GTM

Google Analytics(GA)
1. 建立 account 與 property
property 建議設定成 hostname
2. 建立 data stream
照表填寫
3. copy measurement id

Google Tag Manager(GTM)
1. 建立 account 與 container
container 建議設定成 hostname
2. 建立 tag

3. 貼代碼到你的 site

4. 驗證結果
然後你就可以跟一般 GA 一樣在後台看到 GA 結果拉~
補充
GTM vs GA
- GTM 不是拿來取代 GA 的,他是讓建立 GA tracking code (tag)設定規則、獨立 trigger 更加方便
- GTM 是個介於你的網站與 tracking code management 的 middle man,不同的網站需要埋的 event 都可以透過它進行管理
- 同上,GTM 獨立於 GA 之外,GA 只是眾多 tag 的其中一種,此外你也可以透過 GTM 對 GA 增修進行管理而不需要透過工程師做處理(太過客製化除外)
- GTM 可以在特殊情況下觸發特定 event,GA 僅是一個全站分析的 tag,比如說:註冊表單送出事件、使用者收藏某篇文章..等
- GTM 不能設定 GA goal/conversions
GA4 vs old GA(universal analytics)
- measuring model:GA4 based on events and params, old GA based on sessions and pageviews
- 免費版取消每月點擊限制:old GA 10m/month, GA4 unlimited
- GA4 可以免費與 BigQuery 進行串接
放到 hugo 裡面
善用 shortcode 功能,建立一個 tracking.html
埋 GTM
於放置的地方加入判斷
{{ if (fileExists "layouts/partials/tracking.html") }}
{{ partial "tracking.html" . }}
{{ end }}
References
發佈時間
2021-7-8