Google analytics 事件追蹤、轉換目標設定教學ga event | Ian Chu

文章推薦指數: 80 %
投票人數:10人

Google analytics 是一個追蹤數據的好工具,其中有個重要的功能『事件追蹤』,事件追蹤可以讓我們紀錄使用者的動作,例如點擊註冊會員按鈕、影片 ... marketing/Googleanalytics事件追蹤、轉換目標設定教學gaeventApril25,2018·5minRead目錄Googleanalytics設定事件實作測試gaevent產生器Googleanalytics事件設定目標轉換完成事件、轉換設定後Googleanalytics是一個追蹤數據的好工具,其中有個重要的功能『事件追蹤』,事件追蹤可以讓我們紀錄使用者的動作,例如點擊註冊會員按鈕、影片播放,或是滾動畫面等等,只要動作能判斷都可,甚至連滑鼠移動可以追蹤。

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

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

但實際上負責ga的多半都是行銷,技術人員可能不懂怎設定ga事件,又或是沒有配置技術人員,這時候必須要自己來實作了。

其實基本的事件追蹤並不難,後面就來教你怎麼自己寫追蹤事件。

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

下面程式是簡單的事件執行的方法(Method)。

開發者文件:googleanalyticsevent技術文件 說明:ga事件說明 簡單介紹一下在寫啥米 //當使用者觸發會發送類別:導覽清單,動作:點擊,標籤:註冊會員,價值:200 ga('send',{ hitType:'event', eventCategory:'導覽清單',//類別字元(必填) eventAction:'點擊',//動作字元(必填) eventLabel:'註冊會員'//標籤字元(選填) eventValue:'200'//標籤數字(選填) }); //==>下方為簡化 ga('send','event','導覽清單','點擊','首頁-註冊會員',200); 寫好了event的參數之後,再來是要如何才能觸發,我們預期使用者點擊註冊跟登入會員按鈕,執行ga的事件紀錄。

//登入註冊會員按鈕 //1.htmlonclick設定方法 ... 登入會員 註冊會員 ... //2.不能動到html的話就用這個方法 //javascripttrackclick ... 登入會員 註冊會員 ... 實作測試 很簡單的做出兩顆按鈕,點擊下方按鈕就會發出gaevent的方法,就可以讓我們在ga上看到數據了,點選即時=>事件來檢查有沒有成功,行為=>事件則需要幾小時資料才會出現。

demo: 登入會員註冊會員 查看ga即時是否有數據,發現成功看到數字了,大功告成! ga即時event gaevent產生器 最後順便寫了gaevent產生器,如果你不太會改參數的話,直接用下來複製貼上吧,只差我沒加上取消互動的參數,還有表單沒特別設計有點醜醜。

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

文件:ga官方目標設定 轉換設定 選擇事件,再輸入事件名稱 轉換設定2 測試事件,觀看即時轉換是否有數字 轉換設定3 完成事件、轉換設定後 完成轉換設定之後,我們就可以根據依據轉換數字來判斷,哪個廣告成效較佳、或使用者都在哪個頁面發生轉換。

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

操作廣告的話,我自己是覺得網站設定ga事件、轉換後,再搭配gtm,對於判斷成效有非常大幫助,如果你操作廣告但不會用,那推薦你嘗試看看設定轉換。

事件、轉換對於行銷來說是非常好用的ga工具,讓你多了一把武器上戰場。

google_analytics←前端工程師面試心得|FrontendEngineerinterviewReactHigherOrderComponents初探觀念→



請為這篇文章評分?