用 Google Analytics 跟蹤用戶行為
來源:程序員人生 發布時間:2014-01-20 05:39:07 閱讀次數:3200次
Google Analytics(谷歌分析)為我們提供了強大的網站統計功能,其中Custom Reports(自定義報告)功能更是為我們擴展統計功能提供了方便。在這里我們探討一下通過自定義報告功能跟蹤用戶行為的方法。
Google Analytics的統計代碼分為標準統計和異步統計兩種,因此我們分開討論。先看看兩種基本的統計代碼:
標準統計
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try{
var pageTracker = _gat._getTracker("UA-xxxxxx-x");
pageTracker._trackPageview();
} catch(err) {}</script>
異步統計
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script');
ga.src = ('https:' == document.location.protocol ?
'https://ssl' : 'http://www') +
'.google-analytics.com/ga.js';
ga.setAttribute('async', 'true');
document.documentElement.firstChild.appendChild(ga);
})();
1.添加用戶行為
其中“UA-XXXXX-X”為自己的Google Analytics ID。
下面為添加用戶行為的方法,先說采用標準統計代碼的方法。以分析用戶點擊“Subscribe To Our RSS Feed”鏈接的行為為例。
JavaScript代碼
<a href="http://feeds2.feedburner.com/webresourcesdepot" onclick="pageTracker._trackEvent('rss', 'clicked')"Subscribe To Our RSS Feed</a>
</a>
用JavaScript添加行為的話需要為每個需要統計的項目都加上onclick事件。嫌麻煩的話也可以用jQuery監聽統計對象。
jQuery代碼
注:通過jQuery監聽統計對象的話需要為統計對象加上特定的class(類)或者id,如下面的代碼,需要為“Subscribe To Our RSS Feed”鏈接加上class=”rss”的類。
jQuery('.rss').click(function() {
pageTracker._trackEvent('rss', 'clicked');
});
以上方法針對標準統計代碼,以下是異步統計代碼添加事件的方法,同樣分JavaScript和jQuery兩種:
JavaScript代碼
<a href="http://feeds2.feedburner.com/webresourcesdepot" onclick="_gaq.push(['_trackEvent', 'rss', 'clicked'])">Subscribe To Our RSS Feed</a>