新的Google Analytics代码到外部文件中

Question

新的Google Analytics代码到外部文件中

use*_*666 14 html javascript jquery google-analytics

新的Google Analytics代码如下所示:

<script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-0000000-00']);
 _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>

Run Code Online (Sandbox Code Playgroud)

如何将全新的Google Analytics异步跟踪代码移动到外部JavaScript文件中？

我特别要问"var _gaq = _gaq || []; [...]"因为我知道可以移动其余部分,例如

的index.html

<script type="text/javascript">

 var _gaq = _gaq || [];
 _gaq.push(['_setAccount', 'UA-0000000-00']);
 _gaq.push(['_trackPageview']);

</script>
<script src="include.js" type="text/javascript"></script>

Run Code Online (Sandbox Code Playgroud)

include.js

function includeGA()
{
 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);
}

$(document).ready(function()
{
 includeGA();
});

Run Code Online (Sandbox Code Playgroud)

我已经尝试将"var _gaq = _gaq || []; [...]"代码放到不同的位置,但没有任何效果.

Answer 1

Vis*_*rma 17

您不应将GA代码置于函数中,原因有两个:

GA的变量变为局部变量.它们需要在全球范围内使用.
只有在加载整个页面(文档,技术上)时才调用该函数.这使得下载过程成为串行(破坏了asyn分析的并行性).

批评使用外部JS进行GA代码的人在这里有点不对.通过在js embed中引入async属性,它是有道理的.我将这个GA代码保存在外部js中,并将其异步嵌入到文档的头部.两个好处:

保持代码整洁(没有内联GA)
缓存js-更快地节省带宽和负载

所以HTML将成为:

<head>
    <script type="text/javascript" src="static/scripts.js" async></script>
</head>

Run Code Online (Sandbox Code Playgroud)

并将scripts.js:

var _gaq=_gaq||[];
_gaq.push(['_setAccount','UA-XXXXXXXX-1']);
_gaq.push(['_setDomainName','.domain.net']);
_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)
})();

Run Code Online (Sandbox Code Playgroud)

Answer 2

gbl*_*zex 8

然后再说一遍:不要将您的Google Async代码段放在外部文件中,因为它会阻止其他内容下载.拥有异步跟踪代码的要点是使其并行.

如果您使用异步GA,只需将其放在内联脚本标记中的文档顶部.这也是Google Analytics网站上的推荐:

在您的页面或模板可能使用的任何其他脚本之后,将异步代码段插入页面部分的 底部<head>.

Answer 3

小智 6

这似乎是与此类似的问题:使用来自外部JS文件的Google Analytics异步代码

似乎将代码推送到外部文件中会消除新的异步代码的好处.

归档时间：	15 年，6 月前
查看次数：	23006 次
最近记录：	13 年，6 月前