2016-03-12 147 views
0

我会用最快的异步谷歌分析代码片段,但我不是一个好的程序员,所以我不知道什么是最好的:什么是最快的异步谷歌分析代码片段?

A)

<!-- Google Analytics --> 
<script> 
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; 
ga('create', 'UA-XXXXX-Y', 'auto'); 
ga('send', 'pageview'); 
</script> 
<script async src='//www.google-analytics.com/analytics.js'></script> 
<!-- End Google Analytics --> 

https://developers.google.com/analytics/devguides/collection/analyticsjs/tracking-snippet-reference#async-snippet-minified

B)

<script> 
var _gaq = _gaq || []; 
_gaq.push(['_setAccount', 'UA-XXXXX-1']); 
_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); 
})(); 
</script> 

关于这些代码我想知道,如果是把里面的代码不<script>但里面<script type="text/javascript">,如果一个问题是</head>之前把没有(如建议“正常”的片段)

我希望你能问题帮助我,并为我的英语感到抱歉:)非常感谢!

+2

这些是GA跟踪代码的两个不同版本。第二个版本已被弃用,不支持所有功能(没有自定义指标和维度,没有增强的电子商务跟踪等)。所以无论如何你都应该使用第一个版本。 –

+0

请@EikePierstorff你能告诉我一个不同的第一个版本的例子吗?在我的网站上(使用CMS drupal)很难(对我来说)添加第一个带有异步属性的标记脚本。而且我不知道我是否可以在没有这个属性的情况下使用它。我希望你能帮助我:( – Borja

+1

这与速度无关,所有事情都与第一个是谷歌分析的当前版本(包含大量功能的通用分析)有关,第二个是经典分析这是谷歌分析的旧版本,它没有跟踪尽可能多的信息。你应该使用analytics.js无论如何。 – DaImTo

回答

0

会猜测第一个。它使用异步并且在加载页面时不依赖于DOM修改。

0

对于HTML5,使用<script><script type="text/javascript">并不重要。

至于在哪里放置代码,通常javascript应该在页面的底部加载完所有的css/html之后。 Javascript是同步加载的,因此每个文件加载都会停止加载页面的其余部分,直到完全加载该特定文件。所有浏览器都不支持async标记,所以我不会依赖这个标记。相反,您应该使用异步装载程序(如requirejsLAB.js)。

至于你应该把谷歌分析脚本,根据我的经验,这并不重要。这听起来像你过早优化 - https://stackoverflow.com/a/385529/5780021。根据google的说明,我相信它应该放在页眉中,以提高页面加载速度的统计数据。