Google跟踪代码管理器定位
[英]Google Tag Manager Positioning
问题描述
我有一个关于谷歌标记管理器代码段定位的一般性问题。 根据谷歌的实施指南，标签管理器应该在body标签启动后立即实现。 我的问题如下：
- 跟踪应该加载到头部的脚本会发生什么？
- 跟踪应该在正文末尾加载的脚本会发生什么？
例如，VWO（可视化网站优化器）建议在头部加载代码以避免闪烁......
我可以有2个容器吗？ 一个在头的末端，一个在身体的开头？
2 个解决方案
解决方案1
2 2014-06-20 07:18:47
可以有两个标签管理器标签，但这不会做你想要的（并可能导致问题）。 GTM应该直接放在开始体标记之后而不是在另一个元素内部的原因是GTM做了一些DOM操作来插入包含的标记。 所有已配置的标记都打包到一个javascript对象中，该对象将插入到您的页面中并从那里触发。 将GTM标记放入另一个位置不会更改插入标记的位置（除非用户已禁用javascript，否则图像标记将显示在iframe中）。 但是，这意味着GTM标记可能会失败，因为注入javascript的DOM操作可能无法在指定的位置之外的其他位置工作（特别是如果将其放在正文之外，则为true）。
事实上谷歌表示，跟踪管理器不适合改变页面外观的标签（例如A / B测试工具，因为GTM首次发布，它们被列为“即将推出” ）。
解决方案2
0 2017-08-16 13:27:59
随着时间的推移，这已经发生了变化，现在GTM为A / B测试工具（如Google的Optimize）提供了集成功能。
为此，需要添加两段代码：在<header>标记之后：
<!-- 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-CONTAINER_ID');</script>
<!-- End Google Tag Manager -->
紧跟在<body>标签之后
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-CONTAINTER_ID"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
vuejs-Google跟踪代码管理器
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.