如何使用Google Analytics异步跟踪代码

Tracking Sites with the Asynchronous Snippet
使用异步代码跟踪网站访问者

最新的GA(Google Analytics)分析跟踪代码得到了增强。它能够利用浏览器支持的异步javascript来提高跟踪代码的加载速度。最新的跟踪代码也可以放在页面的顶端，这样也不会延迟渲染网页的速度。

更详细的关于跟踪代码的使用见这个link。

跟踪代码是一小段添加到你网页中的javascript代码。他激活并调用ga.js，这个js是插入到你网页中的。拷贝以下代码到你的网页中，替换UA-XXXXX-X为你自己的ID。

<script type="text/javascript">
 
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
 
(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>

异步跟踪代码的第一部分分配了_gaq变量的JavaScript数组，此后，两个API调用将编码后的数据写入此数组，当跟踪代码初始化的时候，它把数组_gaq的数据加载到一个新的对象中，并执行跟踪API调用此数组中的初始数据，因此，使用这样的代码，可以将所有跟踪统计所需要的数据全部存储下来，即使Google Analytics的代码还没有下载完，因此就不必再担心ga.js跟踪代码的依赖性问题了。

该代码的下半部分动态创建了一个script元素，并设置好合适的地址，因此，大多数浏览器将在另一个script代码中加载跟踪代码，以减少网页加载时间。

一旦代码被加载，就会将_gaq数组转换为一个谷歌分析的_gaq对象，该队形做为基础的_gat对象执行所有命令，将数据发送到用户的Google Analytics账户。

下图可以看出在网页加载完毕后在<header>里添加了ga.js。之所以下图出现两个是我的一个失误，由于我使用了Google Analyticator插件(详见我的另一篇文章)，利用该插件就不用自己修改网页加跟踪代码了。

注：部分段落参考了“月光博客”