我应该将Google Analytics JS放在<head>或<body>的末尾吗？

Question

我应该将Google Analytics JS放在<head>或<body>的末尾吗？

115 google-analytics

谷歌给了我一个javascript,告诉我把它包含在<head>.

我可以把它放在最后,<body>或者如果我这样做会产生一些副作用吗？

Answer 1

Chr*_*uin 146

将其放在该<head>部分的末尾有助于确保即使用户不让页面完成加载也会跟踪您的指标.

他们曾经告诉过你把它放在页面的底部,然后才增加了对处理部分页面加载的支持.

直接来自Google:

异步代码段的一个主要优点是您可以将它放在HTML文档的顶部.这增加了在用户离开页面之前发送跟踪信标的可能性.习惯上将JavaScript代码放在该<head>部分中,我们建议将代码段放在该部分的底部以获得最佳性能.

请参阅Google Analytics帮助:将跟踪代码直接添加到您的网站

所以如果我把它放在底部就可以了？我宁愿通过将所有内容放在底部(以及顶部的css以便正确渲染)来快速加载页面 - 编辑 - 将js放在那里是很重要的. (8认同)
为什么这是一个优势？在我看来,我不想计算部分页面加载,因为这些用户基本上是说他们首先犯了错误.即使他们确实愿意在那里,我也不想让他们等待额外的毫秒才能看到我的内容. (6认同)
对此的一个小更新：链接到的页面现在显示“在每个页面上的开始 <head> 标记之后添加标记，而不是在 `<head>` 末尾。”_ (4认同)
部分页面加载也可能对他们需要修复的站点所有者意味着什么.想象一下有人走进你的商店,只是意识到外面误导他们进入.你想纠正你的广告来解决这个问题. (3认同)
是的，这样做很好。我实际上有一个混合，但是由于提到的原因，大多数已经迁移到将其放在第一位。 (2认同)

Answer 2

ish*_*ood 9

2020 更新

谷歌目前建议三个不同的位置，这令人沮丧。我还没有直接从 Google 找到其中任何一个的技术理由。

对于静态站点，一般帮助页面告诉我们将代码片段放置在“结束</head>标记之前”。
对于动态站点（带有服务器生成的文档），同一个站点说要“紧跟在开始<body>标记之后”。
该开发者的网站，但是，仍然有我们把它“接近顶部<head>的标签和之前的任何其他脚本或CSS标签”的所有网站。

这些是完全不同的位置，对特定用户来说最好的位置可能取决于是否需要收集部分页面加载。一些测试可能是有序的。

Answer 3

Sub*_*axe 6

你可以把它放在页面上任何你想要的地方，并且会在页面上的任何地方运行，无论它是在头部还是正文中\xe2\x80\x99。但根据 Google 支持（将跟踪代码直接添加到您的网站），建议将其放在 head 标签中，将其粘贴到紧邻结束</head>标签之前。

\n\n

以下段落来自一篇好文章解释了为什么将代码放在 head 标签中

\n\n

\n
仅在加载该代码后才会记录页面浏览量。因此，加载代码越早，浏览量就越早被记录。假设\xe2\x80\x99s\n 假设你有一个很大的博客页面，而它\xe2\x80\x99s 加载速度很慢，甚至需要\n 10 到20 秒才能加载所有内容。如果您的 Google 代码\xe2\x80\x99t\n 直到页面末尾才开始，它可能会被阻止，就像用于阻止其他代码行的旧\n 非异步代码一样。除了现在\n它\xe2\x80\x99s持有跟踪代码。如果您网站的访问者点击了页面，然后在跟踪代码触发综合浏览量之前离开了该页面，那么您就会失去该访问者。他们现在成为对他们登陆的网站的任何页面的新的直接访问。这可能会使您网站上的各种数据\n 不正确。
\n

\n

Answer 4

cas*_*nca 5

您可以将其放置在任何位置。我总是将跟踪代码放在页面的末尾，而且从来没有任何问题。

它可以工作，但是无法检测到部分加载页面。 (8认同)
为什么要检测一个部分加载页面并在几毫秒内离开的用户？ (2认同)
@JoãoPimentelFerreira 因为它也是有价值的信息，您可能想要衡量这样的视图百分比 (2认同)

Answer 5

Mat*_*ski 5

2021 年关于页面加载速度的补充

2021 年之前，答案非常简单。一般来说，Google Analytics 在页面加载时尽早运行时会收集最可靠的数据。但有两件事需要考虑：

2021 年 GA 的许多实现都使用 Google 跟踪代码管理器，它还会加载其他（有时是繁重的）脚本。几年前情况并非如此。
Google 引入 Core Web Vitals 和移动优先索引及其对 SEO 的重要性意味着 Google Analytics 的准确性不再是放置代码时唯一需要考虑的事情。另一个是页面加载时间。

在某些情况下，当您将 GA 与 GTM 放在脚本繁重的网站上时，很容易影响页面的加载时间和核心 Web Vitals 的实施。您可以在许多热门网站的 Google PageSpeed Insights 中看到这种影响 - 在 2021 年之前几乎无关紧要。现在，改变 GTM（以及随之而来的 GA）的位置可以对 PageSpeed Insights 结果产生很大的影响。查看 PageSpeed Insights 中“删除渲染阻止 javascript”建议包含 GTM 和 GA 标记的频率。

所以，总而言之，在 2021 年，甚至会有你希望将 GA 代码放在 body 末尾的情况。您必须格外小心您的决定，尤其是在使用 GTM 和其他脚本实现它时。

归档时间：	15 年，3 月前
查看次数：	37583 次
最近记录：	8 年前