添加Google Analytics代码的推荐方法是什么？为什么？

Question

我在许多消息来源中看到,Google推荐的添加GA代码(链接)的方法可能会减慢页面加载速度.StackOverflow本身不会将其放在标题上(如Google建议的那样),而是放在页面底部.

那么我应该使用Google,StackOverflow - 还是应该使用jQuery的getScript？

Answer 1

Google Analytics建议将异步代码段放在代码之前</head>.

<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>

在异步语法之前的几天,建议将其放在结束</body>标记之前,以防止页面加载阻塞.这不再是一个严重的问题.

这个脚本将以阻塞方式执行的唯一事情是它将创建一个简单的JavaScript数组,插入一些基本值,然后执行匿名函数.浏览器将继续并继续加载,而在后台,浏览器ga.js将从Google服务器请求,然后__utm.gif使用跟踪信息向Google的服务器执行请求.

由于此脚本是以非阻塞,异步方式插入的,因此不会阻止您的内容按时加载.尽早安排它将允许您跟踪更大比例的人,包括那些只在身体的一部分被装载时点击的人.此外,如果您在页面中有事件驱动的跟踪,它可以减少出错的可能性.

此外,由于Google Analytics几乎总是通过两个网址之一(Google的HTTP和HTTPS版本)提供服务,因此该文件可能基本上缓存在用户拥有的任何浏览器上,这意味着不必转移脚本本身.

简而言之,如果您将该代码段放在代码的末尾,则可以保证获得最佳结果</head>.