tracking - 同步加载 Google 标签管理器

Question

我搜索了 Google 标签管理器 (GTM) 文档，但没有找到任何解决此问题的内容。我正在与一个附属网络合作，他们希望同步加载他们的跟踪像素，以确保它在页面内容加载之前触发。这仅适用于我们的订单确认页面。我们实现了 GTM，因此我们可以在 5 分钟内启动和修复代码，而不是 2 周。

GTM 安装在我们的订单确认页面顶部并异步加载标签，所以我知道附属网络的标签加载速度非常快，但网络仍然担心某些数据可能会丢失。 GTM 没有任何选项或文档表明可以同步加载脚本，但我注意到他们代码中的 j.async=true 名称-值对。

如果我将代码的那部分更改为 j.async=false，代码会同步加载还是只是破坏它？

这是完整的代码供引用。

<!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','myNewName','GTM-XXXX');</script>
<!-- End Google Tag Manager -->

Answer 1

Cardinal Path上的文章非常适合学习如何设置同步标签。

但是，对于确保不会丢失数据的担忧，我想强调该文章底部的 Mickael 评论。由于在 gtm.dom 事件发生之前 dataLayer.push 可能不完整，您应该在 dataLayer.push 中包含一个自定义事件，这样您就不会依赖 gtm.dom 来触发您的标签。

这是一个带有特定于页面加载的自定义事件的示例标记。

标签名称:pageLoad

标签类型:自定义 HTML 标签

HTML:

<script type="text/javascript">
var tid = setInterval( function () {
    if ( document.readyState !== 'complete' ) return;
    clearInterval( tid );       
    dataLayer.push({ "event": "pageLoaded" });
}, 100 );
</script>

添加以下触发规则。

规则名称:所有页面

条件:{{url}} 匹配 RegEx .*

然后，在您想要触发的附属标签上，您所要做的就是包含这个自定义事件(即 pageLoaded)作为触发规则的条件。在这个例子中，条件是:{{event}} 等于 pageLoaded