新版本的 google analytics 追蹤碼不能使用 ga 的機制
e.g. ga('send', 'event', [eventCategory], [eventAction], [eventLabel], [eventValue], [fieldsObject]);
改寫網頁後,觀察了很久,一直很納悶為什麼在 google analytics 平台內沒有看到資料。後來才發現到這件事。基本上網路上所找到的範例基本上還是以 ga 的方法為主。
目前新版本的 google analytics 追蹤碼要導入事件,要採用的方法是要改用 gtag 的方法。撰寫方式參考相關資料內的連結。
為了方便使用,參考 google 的範例,稍微調整成下面的方式:
function trackEvent(eventCatalog,eventAction,eventValue) {
gtag('event', 'click', {
'event_category' : eventCatalog,
'event_action' : eventAction,
'event_label' : eventValue,
'value' : 1
});
}
這樣的方式前端頁面要使用時,只要在需要加入監控的連結內加入此 function 即可,範例如右 <a href = 'https://www.google.com' onclick="trackEvent(TEST, click,Google)">Google</a>
google analytics 內的「報表 =>行為 =>事件」內的資料需要等待一段時間才能看到數據。想要即時知道到底改寫正不正確,可以利用「報表 =>即時 =>事件」功能頁面,再同時打開測試頁面點選測試 URL。這個時候若有在該功能頁面看到數據就表示新加入的 google event tracking 的功能是沒有問題的。
相關資料: