Google analytics是一個追蹤數據的好工具,其中有個重要的功能『事件追蹤』,事件追蹤可以讓我們紀錄使用者的動作,例如點擊註冊會員按鈕、影片播放,或是滾動畫面等等,只要動作能判斷都可,甚至連滑鼠移動可以追蹤。

google analytics

通常一個網站一定會有要求的KPI,例如註冊會員數、訂單數、填表數等等,這時候如果沒有建立轉換目標的話,就只能看流量自圓其說了,下廣告也只能盲目亂打一通。

這時候就可以使用google analytics提供的方法ga(‘send’, ‘event’, xx , xx , xx)針對這些動作來產生事件,成功產生事件後,就可以再把這個事件設定為轉換目標,就可以做到註冊會員、填表等等的追蹤了。

但實際上負責ga的多半都是行銷,技術人員可能不懂怎設定ga事件,又或是沒有配置技術人員,這時候必須要自己來實作了。其實基本的事件追蹤並不難,後面就來教你怎麼自己寫追蹤事件。

Google analytics 設定事件

首先來教你設定ga的事件,下方的官方文件,很清楚的介紹ga事件是如何運作的,當ga(send,{hitType: ‘event’,xxx })執行之後,搭配hitType為event,再加上必備的參數,事件類別以及事件動作,就可以讓google analytics接收到資料。下面程式是簡單的事件執行的方法(Method)。



簡單介紹一下在寫啥米

//當使用者觸發 會發送 類別:導覽清單 ,動作:點擊 ,標籤:註冊會員 , 價值:200
ga('send', {
hitType: 'event',
eventCategory: '導覽清單', // 類別 字元(必填)
eventAction: '點擊', //動作 字元(必填)
eventLabel: '註冊會員' //標籤 字元(選填)
eventValue: '200' //標籤 數字(選填)
});
// ==> 下方為簡化
ga('send', 'event', '導覽清單', '點擊', '首頁 - 註冊會員', 200);


寫好了event的參數之後,再來是要如何才能觸發,我們預期使用者點擊註冊跟登入會員按鈕,執行ga的事件紀錄。

// 登入註冊會員按鈕

// 1.html onclick 設定方法
...
<button onclick="ga('send', 'event', '導覽清單', '點擊', '登入會員');" id="loginMember" class="btn btn-primary">登入會員</button>
<button onclick="ga('send', 'event', '導覽清單', '點擊', '註冊會員', 200);" id="registerMember" class="btn btn-warning">註冊會員</button>
...

// 2.不能動到html的話 就用這個方法
// javascript track click
...
<button id="loginMember" class="btn btn-primary">登入會員</button>
<button id="registerMember" class="btn btn-warning">註冊會員</button>

<script>
//確保html載入後執行
window.addEventListener("DOMContentLoaded", function() {
//監聽登入按鈕點擊 執行ga的方法 id="loginMember"
document.querySelector('#loginMember').addEventListener('click',function(e){
ga('send', 'event', '導覽清單', '點擊', '登入會員');
});

//監聽註冊按鈕 id="register"
document.querySelector('#register').addEventListener('click',function(e){
ga('send', 'event', '導覽清單', '點擊', '註冊會員', 200);
});
}, false);

</script>

...

實作測試

很簡單的做出兩顆按鈕,點擊下方按鈕就會發出ga event的方法,就可以讓我們在ga上看到數據了,點選 即時 => 事件 來檢查有沒有成功,行為 => 事件 則需要幾小時資料才會出現。


demo:

查看ga即時是否有數據,發現成功看到數字了,大功告成!
ga即時event


ga event產生器

最後順便寫了ga event產生器,如果你不太會改參數的話,直接用下來複製貼上吧,只差我沒加上取消互動的參數,還有表單沒特別設計有點醜醜。

Google analytics 事件設定目標轉換

官方文件有關於轉換的不同設定教學,我們這邊利用剛剛建立好的事件來設定轉換,接下來就只剩下設定目標轉換,點選左下角的管理員 => 點選目標 => 新增目標 => 自訂。

轉換設定

選擇事件,再輸入事件名稱
轉換設定2

測試事件,觀看即時轉換是否有數字
轉換設定3

完成事件、轉換設定後

完成轉換設定之後,我們就可以根據依據轉換數字來判斷,哪個廣告成效較佳、或使用者都在哪個頁面發生轉換。

如果你對於javascript熟悉的話,還可以寫一些動態判斷,例如追蹤某區塊的連結,然後動態帶入連結的標籤名稱、或是頁面,就可以歸納出這區塊中哪些連結使用者最常點擊,哪些最不常點擊等等等等。

操作廣告的話,我自己是覺得網站設定ga事件、轉換後,再搭配gtm,對於判斷成效有非常大幫助,如果你操作廣告但不會用,那推薦你嘗試看看設定轉換。事件、轉換對於行銷來說是非常好用的ga工具,讓你多了一把武器上戰場。