在基于 DTM 事件的规则上添加 GTM 标签/事件

Question

我正在使用 DTM 进行标签管理，我需要使用 DTM 基于事件的规则添加 GTM 标签。

我创建了一个页面加载规则来加载此自定义代码：

<script async src="https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-XXXXXXXXX');
</script>

然后我创建了一个基于事件的规则，它是某个按钮上的click事件，并添加了自定义代码：

gtag('event', 'conversion', {'send_to': 'AW-XXXXXXXXX/XXXXXXXXXXXXXXX'});

但这似乎并不完全有效，我要么gtag() is not defined要么Uncaught TypeError: Cannot read property 'apply' of undefined

我怎样才能让它正常工作，任何帮助将不胜感激。

Answer 1

设置 gtag 代码的页面加载规则 - 我假设这是一个 HTML 第三方标签？根据 HTML 标记触发的时间/方式，DTM 可能会设置一个 iframe 来运行它(因为在 DOM 加载后，您无法真正将直接的 HTML 附加到 DOM(。

您可能需要将该第三方标记切换到 javascript，以便它可以保持在同一页面上，从而具有与基于事件的规则相同的范围。

DTM 第三方提供了一些示例来说明如何执行此操作。