Google analytics 使用analytics.js 事件追蹤
Google analytics 的功能很強大也很好用
但許多人僅止於用它看流量，而不曉得它還有其他功能
這次就來介紹一下 Google analytics 的事件追蹤功能
注意：由於 Google analytics 目前已經採用新版本的追蹤程式，此篇介紹的是新版本 analytics.js (舊版為 ga.js )
首先你的網站必須先加上GA的追蹤碼
而原始的追蹤碼長這樣
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXXXXX-Y', 'myweb.com');
ga('send', 'pageview');
</script>
如果要追蹤事件的話，必須加上其他外掛
不過這也是Google自己出產的外掛啦
(碎碎念:媽呀!!為了這兩行程式，我都找破頭了...)
只要在其中兩行程式中間加上
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('require', 'linkid', 'linkid.js');
加上後應該是
ga('create', 'UA-XXXXXXXX-Y', 'myweb.com');
ga('create', 'UA-XXXXXXXX-Y', 'auto');
ga('require', 'linkid', 'linkid.js');
ga('send', 'pageview');
會特別提到的原因是這兩行程式碼是有執行的先後順序
所以一定要加在中間!!
加上之後只要在你想要追蹤的連結加上追蹤點擊記錄的程式就可以了
原程式：
<a href="www.google.com"> Google </a>
修改後：
<a href="www.google.com" onClick="ga('send', 'event', 'category', 'action', 'label');"> Google </a>
修改後的每一次點擊都會被 Google analytics 給記錄下來納入統計
再來我們檢查一下程式是否修改成功
1. 進入到 Google analytics
2. 點擊左側 標準報表 -> 即時 -> 事件
3. 把你剛剛修改的網頁按重新整理(F5)後，點擊你要測試的連結
4. 在 Google analytics 的事件報表按下重新整理(F5)後，就可以看到剛剛設定的事件追蹤記錄
接著我們看一下這一串的用途
ga('send', 'event', 'category', 'action', 'label');
send、event(必要)：這是 Google analytics 內建的參數，是不能修改的
category(必要)：事件類別，可以任意修改你想寫入的字串(例如：PDF、video)，如下圖(下圖使用category1)
action(必要)：動作名稱，可以任意修改你想寫入的字串(例如：download、play)，如下圖(下圖使用action1)
label：標籤名稱，可以任意修改你想寫入的字串(例如：pdf1、pdf2)，如上圖(上圖使用test)
以上是新版(analytics.js版)事件追蹤的基本設定
大家可以參考看看
如果覺得對你有幫助的話. 麻煩幫小弟按個讚哦～
其他相關文章參考：
留言列表
