Google Analytics的基本部署很简单,我们通过将跟踪代码嵌入到所有需要跟踪网页的</head>标签之前即可。

Google Analytics 跟踪代码

下面是一段Google Analytics(Universal Analytics)的 Javascript 跟踪代码:

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXX-Y');
ga('send', 'pageview');

</script>
<!-- End Google Analytics -->

谷歌官方推荐我们将代码部署在所有跟踪页面的 </head> 标签之前,当然,我们需要将其中的 UA-XXXX-Y 替换为自己对应媒体资源的跟踪ID。

统计代码会影响网页加载吗?

细心的朋友可能会觉得analytics.js文件放在头部加载,是否会影响网页的加载速度。常见的Javascript加载模式有两种:

  • 同步加载,又称之为阻塞模式。文件的加载会阻塞后续文档的解析,停止了后续的解析,而就暂停了后续文件的加载、渲染、代码执行。js之所以要有同步加载,常常是需要输出内容、修改DOM、重定向等行为,因此认为同步加载是安全的。
  • 异步加载,非阻塞模式。浏览器在下载js的同时,还会进行后续页面的处理。

Universal Analytics跟踪代码中的analytics.js和Classic Analytics中的ga.js一样,默认是异步加载的。因此跟踪放在头部是不会影响网页加载的

另外值得注意的是,建议不要将analytics.js本地化,因为当跟踪代码加载的时候,会先检查本地是否存在analytics.js,然后再决定是否要下载该文件。由于Google Analytics的覆盖率极高,因此用户本地已经存储了文件的概率也就大大增加。可以说,使用Google Analytics是不会影响用户体验的。

创建跟踪ID与发送Pageview

//创建一个跟踪ID,为UA-XXXX-Y
ga('create', 'UA-XXXX-Y');
//向GA服务器发送一个Pageview
ga('send', 'pageview');

这里,我们在网页打开的头部时候就向GA服务器发送了一个Pageview,有些朋友觉得这样统计是不够精准的。希望在一个页面完整被加载完再进行Pageview的统计,那么我们也可以将Send Pageview单独放到网页的 footer(页脚)部分:

<script>
ga('send', 'pageview');
</script>

参考资料:

2 对 “Google Analytics部署 网站跟踪代码”的想法;

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据