Google Analytics之进阶功能介绍

  1. 1. 异步加载跟踪代码
  2. 2. 跟踪页面载入时间
  3. 3. 跨域跟踪

google anaylitcs大家都在用,但是你了解他有多少强大的功能吗?

本文主要介绍如何实现anayltics js代码异步加载,如何跟踪访客页面加载时间,如何跨域跟踪

异步加载跟踪代码

很多人觉得Google Anayltics的JS代码加载缓慢,Google也实现了异步加载的办法

如果你把JS代码放head里不放心,Anayltics的JS代码可以拆分为两部分,真正加载JS的部分放到footer里,实现异步加载

在header里只需要添加如下代码,替换你的Account ID

1
2
3
4
5
6
7
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(
['_setAccount', 'UA-xxxxxxxx-x'],
['_trackPageview']
);
</script>

然后在footer里加入载入JS的代码

1
2
3
4
5
6
7
<script type="text/javascript">
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>

你可以通过HttpWatch观察,直到页面的css和其他一些资源全部请求完才会载入ga.js
analytics
而且你可以放心,你的用户跟踪信息不会丢失,从上图可以看到ga.js是在我也没其他请求全部完毕后才请求的,并且ga.js请求获取到后,就马上把信息推给Google Anayltics了

开始已经把数据push进去了,所以一旦ga.js获取到,马上就通过get请求utm.gif把跟踪信息返回给Google,这就是异步加载ga.js的方法

跟踪页面载入时间

大部分站长都很想了解用户在访问自己网站时,打开页面速度快不快,Google Anayltics也提供了这个功能

不过这个跟踪并不能获取到所有用户的数据,记得对IE用户无效,具体需要查看Anayltics文档,我懒,就懒得去找了

方法也很简单,只需要在header里多push一个_trackPageLoadTime参数就好

1
2
3
4
5
6
7
8
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(
['_setAccount', 'UA-xxxxxxxx-x'],
['_trackPageview'],
['_trackPageLoadTime']
);
</script>

header里增加里trackPageLoadTime就OK了,非常简单吧

可以在Google Analytics的内容里找到网站速度
网站速度

跨域跟踪

跨域跟踪主要用于你有多个域名,但需要把分析数据合并到一起

简单说就是我的博客域名xfeng.me,我的博客移动版域名m.xfeng.me,两个不同的域名,我需要把分析数据合并到一起

同样的,我们只需要在header里push一个指定域名的变量就好

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(
['_setAccount', 'UA-xxxxxxxx-x'],
['_setDomainName', 'xfeng.me'],
['_trackPageview'],
['_trackPageLoadTime']
);
</script>

在博客的header里增加_setDomainName,值设置为xfeng.me就行

本文仅介绍几个简单的Analytics功能,后面还会继续介绍Google Analytics的事件跟踪,用事件跟踪来分析出站链接和用户在网站的互动情况,欢迎到时候来拍砖

声明: 除非注明,小峰网络遨游记文章均为原创,转载请以链接形式标明本文地址

本博客原创文字只代表本人某一时间内的观点或结论,与本人所在公司没有任何关系。

本作品采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可。

第三方若用于商业用途的转载,须取得本人授权。

本文作者:

本文地址:http://xfeng.me/google-analytics-advanced-function/

你可能还对下面文章感兴趣: