ADUNIT000

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. 點擊左側 標準報表 -> 即時 -> 事件

       ga_event

       3. 把你剛剛修改的網頁按重新整理(F5)後,點擊你要測試的連結

       4. 在 Google analytics 的事件報表按下重新整理(F5)後,就可以看到剛剛設定的事件追蹤記錄

 

接著我們看一下這一串的用途

       ga('send', 'event', 'category', 'action', 'label');

       send、event(必要):這是 Google analytics 內建的參數,是不能修改的

       category(必要):事件類別,可以任意修改你想寫入的字串(例如:PDF、video),如下圖(下圖使用category1)

       ga_event1  

       action(必要):動作名稱,可以任意修改你想寫入的字串(例如:download、play),如下圖(下圖使用action1)

       ga_event2  

       label:標籤名稱,可以任意修改你想寫入的字串(例如:pdf1、pdf2),如上圖(上圖使用test)

 

以上是新版(analytics.js版)事件追蹤的基本設定

大家可以參考看看

 

 

如果覺得對你有幫助的話. 麻煩幫小弟按個讚哦~

 

 

其他相關文章參考:

流量的秘密-Ch10(重點整理) 

Google analytics 追蹤流量來源 

Google Analytics名詞解釋 

文章標籤
創作者介紹

史丹利愛碎念

newaurora 發表在 痞客邦 PIXNET 留言(6) 人氣()


留言列表 (6)

發表留言
  • 悄悄話
  • Ortery Alan
  • 請問一下~即時事件過一陣子就會消失掉,要怎麼樣才能永久保存這些事件紀錄呢?
  • GA本身都有保存這些記錄,在GA管理介面的左側選單可以找到事件相關記錄
    行為(Behavior)->事件(event)

    newaurora 於 2015/01/15 06:57 回覆

  • Terence Peng
  • 並不需要加這段 code 喔
    ga('require', 'linkid', 'linkid.js');
    那是"加強連結歸屬" 用的
  • 感謝前輩指點!!
    但我確實是因為加了這段code之後,才偵測到點擊事件的

    newaurora 於 2015/05/18 22:31 回覆

  • zxkk123
  • <a href="www.google.com"> Google </a>
    這語句在那?
找更多相關文章與討論