将谷歌标签管理器代码放在网站头标签中重要吗

Question

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

<!-- 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 -->

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

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

Answer 1

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

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

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

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

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