Answers:
将其放在本<head>
节的末尾可帮助确保即使用户不让页面完成加载也可以跟踪您的指标。
他们以前告诉您将其放在页面底部,然后才添加了对处理部分页面加载的支持。
直接来自Google:
异步代码段的主要优点之一是您可以将其放在HTML文档的顶部。这增加了在用户离开页面之前发送跟踪信标的可能性。通常将JavaScript代码放在该
<head>
部分中,我们建议将代码段放在该部分的底部,以实现最佳性能。
请参阅Google Analytics(分析)帮助:将跟踪代码直接添加到您的网站
<head>
,链接到的页面现在显示“在每个页面上打开<head>标记之后添加标记”。
您可以将其放置在任何位置。我总是将跟踪代码放在页面的末尾,而且从来没有任何问题。
您可以将其放在页面上想要的任何位置,无论页面在头部还是身体上,都可以在页面上的任何位置运行。但是,根据Google支持(将跟踪代码直接添加到您的网站),建议您将其添加到head标签中,然后将其粘贴在结束</head>
标签之前。
下一篇好的文章的段落解释了为什么将代码放在head标签中
仅在加载该代码后才记录浏览量。因此,您越早加载代码,就越早记录Pageview。假设您的博客页面很大,而且加载速度很慢,甚至需要10到20秒才能加载所有内容。如果您的Google代码直到页面末尾才开始运行,则可以保留它,就像用来保留其他代码行的旧的非异步代码一样。除了现在,它保留了跟踪代码。如果您网站的访问者访问了该页面,然后在跟踪代码触发网页浏览器之前将其离开,则您将失去该访问者。现在,他们可以直接访问所访问网站的任何页面。这会使您网站上的各种数据不正确。
在网站模板中添加以下代码(称为“ JavaScript跟踪代码段”)是开始使用analytics.js的最简单方法。
该代码应添加到标记顶部附近,以及其他任何脚本或CSS标记之前,并且字符串“ UA-XXXXX-Y”应替换为Google Analytics(分析)的属性ID(也称为“跟踪ID”)您要跟踪的媒体资源。
<!-- 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','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->
上面的代码做了四件事:
创建一个元素,该元素开始从https://www.google-analytics.com/analytics.js异步下载analytics.js JavaScript库
初始化全局ga函数(称为ga()命令队列),该函数可让您安排在analytics.js库加载并准备就绪后即可运行的命令。
将命令添加到ga()命令队列中,以为通过'UA-XXXXX-Y'参数指定的属性创建新的跟踪器对象。
将另一个命令添加到ga()命令队列中,以将当前页面的综合浏览量发送到Google Analytics(分析)。
Array.push
函数的句柄。在ga
“功能”是完全是束缚push
。因此,可以立即优化立即调用:与其构建一个没有找到的空数组([]
),不如为每个ga
调用填充“参数”数组:[['create', 'UA-XXX', 'auto'], ['send', 'pageview']]
…
您应始终将代码添加到标记顶部附近以及任何其他脚本或CSS标记之前,并且该字符串'UA-XXXXX-Y'
应替换为ID
您要跟踪的Google Analytics(分析)属性的属性(也称为“跟踪ID”)。