用 Google Analytics 跟踪用户行为

前端之家收集整理的这篇文章主要介绍了用 Google Analytics 跟踪用户行为前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

  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>
  jQuery代码
jQuery('.RSS').click(function() {
_gaq.push(['_trackEvent','clicked']);
});

  注:用jQuery监听对象的话切记要添加对应的class或者id。

猜你在找的SEO相关文章