将谷歌标签管理器代码放在网站头标签中是否重要答案

【问题标题】：is it important to put the google tag manager codes in website head tag将谷歌标签管理器代码放在网站头标签中是否重要
【发布时间】：2019-01-19 16:49:00
【问题描述】：

我有谷歌标签管理器代码：

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5K4WCTR');</script>
<!-- End Google Tag Manager -->

谷歌推荐的是：复制下面的代码并将其粘贴到您网站的每个页面上。将此代码粘贴到页面中尽可能高的位置。

所以我担心我可以在关闭正文标记之前将代码放在网站页脚中。把它放在头上会影响谷歌页面速度得分吗？如果我这样做有什么缺点。请分享您的知识和经验。

【问题讨论】：

标签： html google-tag-manager

【解决方案1】：

经验是轶事，所以对此持保留态度。

我们在一个主要（> 1700 万次会话/月）网站中对 GTM 位置进行了 A/B 测试，发现将其放置在页眉或页脚中的结果没有真正的差异，这让我们感到惊讶，因为我们预计数据会丢失 (这就是谷歌建议将代码尽可能高的原因）。

移动 GTM 不会影响整体加载时间（因为加载的资产数量相同），但它确实加快了用户与页面交互之前的时间。

Moving GTM 帮助我们保存了一些事件；我们必须从页面上的现有标记或变量中获取一些数据。在我们必须在 DOM 准备好时发送事件之前，在移动之后，我们可以发送与页面浏览量的自定义维度相同的数据（这是一种解决方法，但是，理想情况下，所有必要的数据都将被推送到数据层上）。

这并不意味着我认为GTM在所有情况下都可以安全地放在页面底部；我假设您在页面中加载的内容越多，用户在执行 GTM 之前取消加载的可能性就越大。但这确实意味着我认为绝对禁止在页脚中包含代码是没有意义的，唯一确定的方法是测试两者。

【讨论】：

【解决方案2】：

Google 建议将其直接放在头部中，而不是放在任何其他 html 元素中。为什么？更适合四处追踪。 sn-p 在页面中的位置越高，加载速度越快。在旧版本的 Google 跟踪代码管理器中，建议将 sn-p 放在 body 标签中，但这可能会错过跟踪在 body 标签加载之前离开您的页面的用户。

随着 Google 新 A/B 测试工具 Optimize 的发布，这一点变得更加重要。无论您是在运行重定向测试还是 A/B 实验，让 sn-p 加载速度更快可确保优化工具尽快加载用户应该看到的正确版本的页面。

【讨论】：