标记管理器不会在AMP页面上触发

Question

我正在使用带有AMP容器的Google Tag Manager。我集成了一个简单的Google Analytics标签

​

下面是头部使用的代码：

<!-- AMP Analytics --><script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

在身体里：

<amp-analytics config="https://www.googletagmanager.com/amp.json?id=GTM-NVKMFDF&gtm.url=SOURCE_URL" data-credentials="include">
    <script type="application/json">
        ...
    </script>
</amp-analytics>

但是Analytics没有收到来自AMP页面的任何点击。我还尝试删除<amp-analytics>标记中的<script>，但没有任何变化。

您可以在此处查看其实现：https://www.tomshw.it/migliori-libri-matematica?view=amp

但是，如果我集成Google Analytics for AMP pages的代码，它就可以工作。但是，我想使用GTM。

谢谢

Answer 1

是的，基于这个blog，标签管理器现在在AMP中得到了支持，它提供了对谷歌广告平台的支持，包括AdWords和DoubleClick。您可以查看支持页面，以获得supported tags的完整列表以及有关如何使用built-in variables的信息。

AMP pages上未触发标记管理器

您可以查看here标签触发问题的可能原因：

specific

• Unexpected站点或应用程序更改
• 未发布的更改
• 错误触发器太多
• 太多HTTP代码段问题

这里有一个关于如何在加速移动页面上使用谷歌标签管理器的tutorial，这可能会有所帮助。

Answer 2

AMP JS库(在你的例子中是https://cdn.ampproject.org/v0.js)应该在关闭head标签之前出现。参见https://developers.google.com/analytics/devguides/collection/amp-analytics/。

Answer 3

我知道这有点老了，但我只是碰到了这个，没有其他我能找到的信息！

看起来AMP页面不支持您在这里期望的调试窗口。

Google Tag Manager, AMP Container preview mode, doesnt work through amp-analytics #19883

“Google Tag Manager (GTM)中的AMP容器不支持您所引用的调试窗口。预览模式仍允许您在发布之前预览您的更改。”

Some other information - accelerated-mobile-pages-via-google-tag-manager

谷歌标签管理器的AMP不支持调试模式，我们习惯与常规谷歌标签管理器。调试面板将要求AMP页面支持的JavaScript类型是非常扼杀性能的。

但是，GTM可以在预览模式下工作。因此，当您在Google Tag Manager中进入预览模式时，一旦您使用进入预览模式的相同web浏览器重新加载站点，从Google Tag Manager下载的容器实际上将是您正在预览的容器，而不是发布的容器。

这是非常有用的，即使我知道您会怀念拥有出色的Debug面板的机会。

因为预览模式没有任何详细的日志记录或类似的东西，所以您应该熟悉您可以使用的其他调试工具。