Event Tracking – 網站頁面與訪客互動上進階追蹤




用LINE傳送
對惹... 不好意思只有行動裝置可以用 LINE 分享喔.. ^^" (若是用桌機或筆電會被帶走.. ~"~) Event Tracking 介紹封面

探討 Event Tracking 前侃侃而談為前言

延續前兩篇 “Google Analytics 網站分析與過去的調查比較” 以及 “電子商務 Ecommerce Tracking – 網站營利金額記錄與計算” 在 iSearch 年中慶分享的主題介紹,首先是可以幫助我們了解 Google Analytics 網站分析相對於過去調查與分析之準確精準度,接著我們又談到了 Google Analytics 網站分析的非戰之罪與建議應變做法,至於緊接著的電子商務 Ecommerce Tracking 介紹也可以幫助我們檢視與分析網站營利的優劣勢與現況。
那麼,今天的 Event Tracking 介紹與安裝辦法就是可以讓 Google Analytics 網站分析項目最大化的進階設定,如此一來,就算是預設無法追蹤的 Flash, AJAX 或檔案下載等行為數據都可以一目了然且進行分析與改善嘍!!

Event Tracking 可追蹤頁面元件.png

Event Tracking 簡介

其實我們在 “事件追蹤(Event Tracking) _ 人離開了也至少要知道去哪” 已經有提過 Event Tracking 這個在 Google Analytics 網站分析中的進階設定,要如何安裝事件追蹤碼以及實際在 Google Analytics 網站分析表中顯示等介紹。更在 “_trackPageview & _trackEvent – 網頁與訪客行為追蹤” 介紹了 _trackEvent(Event Tracking) 的優點與使用時機,如使用 _trackPageview 往往會徒增瀏覽頁次,這時使用 _trackEvent 就會是比較理想的做法。
而今天談論的主題 Event Tracking 可以進階追蹤的網站頁面互動動作如下,
1.Flash 製作如動畫或影片播放程式等
2.頁面中 AJAX 元件如 onClick, onSubmit, onReset, onMouseover, onSelect 等…
3.網頁中小工具(gadget)
4.檔案下載
5.網頁載入時間

至於追蹤碼置入以及追蹤碼函數介紹已如之前文章所提,故在此僅提出一個簡單的 _trackEvent(Event Tracking) 置入範例如下。
<a href=”#” onClick=”_gaq.push([‘_trackEvent’, ‘Videos’, ‘Play’, ‘Baby\’s First Birthday’]);”>Play</a>

題外話:
也如同我們在 “輕鬆擺脫跳出率 Bounce Rate 原生的束縛” 中所提到的,有時候訪客確實只需要瀏覽一頁時的跳出率原罪也是利用 Event Tracking 中的 setTimeout 來調整的喔!!

Event Tracking 被點擊的狀況.png

幾個 Event Tracking 的實際做法

首先針對 Flash 的安裝方式就是在 Flash SWF 影片檔通常會有一個播放按鍵,這個時候透過 getURL 呼叫 trackEvent 並傳送相關參數數值到 Google Analytics 即可。而載入時間的 Event Tracking 則是在 HTML 的頂端利用 JavaScript 的函數 Date() 建立一個時間戳印(timestamp)後,再利用 window.onload 再建立一個時間戳印就可以了。至於對外連結則可參考前文也有提到的 “事件追蹤(Event Tracking) _ 人離開了也至少要知道去哪” 文章介紹,就可以到 Google Analytics 報表查看被點擊的狀況嘍!!。

題外話:
Gooogle Analytics 目前對於每一個頁面能夠追蹤的事件數有一定的限制,就是每位訪客造訪的事件數加上網頁瀏覽數是無法超過500次的。所以會建議避免在影片播放時每秒就產生一次事件、追蹤過多滑鼠所產生的事件等…

 

聊完 Event Tracking 後語重心長為結論

一樣的,這邊提到的 Event Tracking 都是目前較多網站使用的 ga.js 的追蹤方法,若是較新的通用分析(analytics.js) 就請參考 Google Developers 上的文章介紹嘍!!

 

這篇 Google Analytics 精選文章發表於2013 年 09 月 01 日 星期日

立即訂閱看見數據網電子報

數據變化萬千,跟著看見數據網從數據中洞察網站經營脈動、缺失與機會!!