0014. Google分析,自訂義流量追蹤事件 - 行為事件 Ex:Click event

ASP.NET MVC學習筆記

Google提供 Analytics (分析) 分析功能,可以依照開發者將google分析的追蹤碼放進Html中,進行統計分析。

==================  基礎用法  ==================

基礎的用法如下:

1. 先登入Google Gmail的帳號,然後搜尋 google Analytics 進入官方提供的分析網站

2. 進入後依序選擇  1."管理" ->2. 帳戶 -> 3.資源 (選擇自己要分析的網站) -> 4. 選擇網站項目 

※如果沒有資源請先建立資源 -> 新建資源   (資源表示要分析的網站)

3. 以下範例是選擇我建立的電子書頁面網站,請選擇 3.追蹤程式碼  -> 將產生的網站追蹤<script> 程式碼 </script> -> 複製 ->貼到電子書網站的html中

,通常是放在首頁中

EX: 將追蹤碼放進電子書頁面首頁.html中,每當使用者瀏覽該網站時,就會累加一次瀏覽次數,如果沒有到該頁面,則不會做任何統計。

4. 當建立完成後,可以進入 "報表" 觀察使用者瀏覽該網站的狀況 

=====================  點擊事件 ======================

1.  以下追蹤碼是Google建立分析的基礎

<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','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-我是追蹤碼XXXXX-5', 'auto');


</script>

2. 然後當呼叫到該指令時,就會將分析資料傳到對應追蹤碼的位置上

如果我們想要針對每個項目做行為分析事件 就需要額外做動作了

ga('send', 'pageview');


3. 這邊舉例當使用者從網站按下某個按鈕,下載檔案時觸發的動作

android_Mobile :事件類別

click : 事件行為

XXXXXXXXXXX :事件標籤

4 : 該項目的重要性

ga('send', 'event', 'android_Mobile', 'click', 'XXXXXXXXXXXXXX', 4);

4. 就可以在 報表 -> 行為 -> 事件 -> 總覽 這個位置瀏覽開發者設定的事件。

 

============== 補充參考網站 ==============

https://developers.google.com/analytics/devguides/collection/analyticsjs/events