網站運營
上海(上海網務網絡)
Tel︰021-60498179
Fax︰021-34681226
QQ︰29011218
建站經驗 首頁 / 網站運營 / 建站經驗
Google Analytics進階運用之事件跟蹤
發布時間︰2009-10-27 09:07:37 瀏覽率︰【字體︰ 打印 DOC
收藏到︰

Google Analytics 進階運用系列文章作者︰Sluke,獨家授權Chinaz.com轉載,主要講解Google Analytics 統計的相關應用,本文是系列文章第二篇。

這里是事件跟蹤是指Event Tracking,意思比鼠標事件跟蹤廣泛,先看看都能統計到什麼︰

1、Flash內容,比如flash站點和flash動畫,甚至flash游戲都可以。

2、嵌入式AJAX

3、網頁小飾件

4、文件下載

5、數據或文件的載入時間

這里用到的是_trackEvent()方法,用法如下︰

_trackEvent(category, action, optional_label, optional_value)

category (必填)

這個是標注想統計項目的分類

action (必填)

這個是分類下的具體行為

label (可選)

可以理解為對action的一個描述,可選

value (可選)

這個是一個整數型的字段,通常用于統計下載次數或者載入時間

如果部署了時間跟蹤,在google analytics的報告里還有一個字段叫做Implicit Count(隱式計數),這個是統計交互行為的,比如點了10次某個按鈕,點一次算一次,類似PV,這個值需要根據不同的部署去理解。

用音樂站來說明_trackEvent()的用法︰

pageTracker._trackEvent("music", "Play", "日光傾城");
pageTracker._trackEvent("music", "Pause", "日光傾城");
pageTracker._trackEvent("music", "Stop", "日光傾城");

music是category,play是action,日光傾城是label(這里是歌名),放在鏈接上是這樣的︰

<a href="#" onClick="pageTracker._trackEvent("music", "Play", "日光傾城");">播放</a>
<a href="#" onClick="pageTracker._trackEvent("music", "Pause", "日光傾城");">暫停</a>
<a href="#" onClick="pageTracker._trackEvent("music", "Stop", "日光傾城");">停止</a>

如果加載在播放器的按鈕上,就能統計到用戶試听《日光傾城》這首歌時的行為。

如果是統計MP3文件被下載的信息,就是這樣寫︰

<a href="#" onClick="pageTracker._trackEvent('Downloads', 'MP3', '日光傾城', downloadTime);">下載</a>

這里加入了value,每次在MP3文件被下載完之後,時間會以秒為單位計入value,在報告里用downloadTime表示,加上Implicit Count,就能計算出平均每次下載時間,同理,可以用于記錄flash動畫的播放。需要注意的是第四個參數是整數型。

擴展運用

這里介紹兩個js庫︰

TimeTracker()

http://code.google.com/apis/analytics/samples/time-tracker.js

MouseOverTracker()

http://code.google.com/apis/analytics/samples/mouseover-tracker.js

它們需要額外加載到被統計頁面。

TimeTracker()主要有兩個特性︰

1、記錄持續時間

2、生成柱狀圖

如果不自定義代碼,使用TimeTracker()會創建一個叫做“TimeTracker”的分類,記錄開始和結束時間,計算時間差並發送給google analytics形成報告,用柱狀圖顯示平均時間等數據。用處非常廣泛,比如監听頁面平均加載時間、視頻加載時間、flash界面加載時間或是嵌入式 js腳本加載時間等等。

函數如下︰

TimeTracker(opt_buckets_array)

返回一個新的時間跟蹤器

_recordStartTime(opt_time)

記錄開始時間

_recordEndTime(opt_time)

記錄結束時間

_setHistogramBuckets(buckets_array)

定義柱狀圖刻度,默認是[100, 200, 300, 400, 500, 1000, 1500, 2000, 2500, 5000]

_getTimeDiff()

計算時間差

_track(tracker, opt_event_object_name, opt_event_label)

使用_track()需要保證之前已經記錄了開始時間和結束時間

tracker是指google analytics在被統計頁面已經實例化的一個跟蹤項,比如pageTracker

opt_event_object_name是定義TimeTracker()統計數據出現在報告中的名字,默認是“TimeTracker”

opt_event_label是描述這個TimeTracker()的,為了在報告中更容易找到

google給出的運用示例︰

<html>  
<head>  
<title>Latency Tracking Demo</title>  
</head>  
<body>  
<script type="text/javascript" src="http://www.google-analytics.com/ga.js"></script>  
<script type="text/javascript" src="http://www.example.com/scripts/time-tracker.js"></script>  
<script type="text/javascript">  
var timeTracker = new TimeTracker();  
var pageTracker = _gat._getTracker("UA-1735986-1");   
</script>  
<input type="button" value="Start Timer" onclick="javascript:timeTracker._recordStartTime();"/>  
<input type="button" value="Stop Timer" onclick="javascript:timeTracker._recordEndTime();"/>  
<input type="button" value="Track!" onclick="javascript:timeTracker._track(pageTracker, undefined, 'Manual Test');"/>  
</body>  
</html>

定義柱狀圖的示例︰

// somewhere at the top of the page
var timeTracker = new TimeTracker();
timeTracker._recordStartTime();

// page load and setup

// now when the page is done loading...
timeTracker._recordEndTime();

// Specify your own histogram "action" values
timeTracker._setHistogramBuckets([10, 20, 50, 100, 500, 1000]);

// assuming pageTracker is called from _gat._getTracker(account) 
timeTracker._track(pageTracker);

MouseOverTracker()

用戶在一個PV里可能會多次觸發onMouseOver()事件,這樣統計到的數據水分很多,使用這個庫就可以只統計第一次onMouseOver()事件而忽略掉後續的。

函數如下︰

MouseOverTracker(tracker)

返回一個新的跟蹤器,tracker是可選參數,需要是已經在頁面中實例化的跟蹤項,比如pageTracker

_trackMouseOver()

這個方法第一次被調用的時候,一個onMouseOver()事件被記錄,後續操作不記錄

示例︰

//  We want to track mouse overs on a video unit that has the element id "myVideoUnit".
// assuming pageTracker is called from _gat._getTracker(account) 

var mouseOverTracker = new MouseOverTracker(pageTracker);
document.getElementById("myVideoUnit").onMouseOver = mouseOverTracker._trackMouseOver;

作者︰Sluke 郵箱︰sluke520#yahoo.com.cn

原文鏈接︰http://www.luweiqing.com/labor/google-analytics-Event-Tracking.html

Google Analytics進階運用系列文章獨家授權轉載網站︰中國站長站WWW.CHINAZ.COM

如欲轉載請保留以上全部信息,謝謝合作。

需求留言
您的姓名︰

您的電話︰

電子郵箱︰

標題︰

描述︰