跟踪代码管理器未在 AMP 页面上触发答案

【问题标题】：Tag Manager not firing on AMP pages跟踪代码管理器未在 AMP 页面上触发
【发布时间】：2017-02-03 20:38:39
【问题描述】：

我正在使用带有 AMP 容器的 Google 跟踪代码管理器。我将它与一个简单的 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>

但 Google Analytics（分析）未收到来自 AMP 网页的任何点击。我还尝试删除 <amp-analytics> 标签内的 <script>，但没有任何改变。

你可以在这里看到实现：https://www.tomshw.it/migliori-libri-matematica?view=amp

同时，如果我集成Google Analytics for AMP pages 的代码，它可以工作。不过，我想使用 GTM。

谢谢

【问题讨论】：

标签： google-analytics google-tag-manager amp-html

【解决方案1】：

是的，根据 blog，现在 AMP 支持跟踪代码管理器，它提供跨 Google 广告平台（包括 AdWords 和 DoubleClick）的支持。您可以查看支持页面以获取 supported tags 的完整列表以及有关如何使用 built-in variables 的信息。

跟踪代码管理器未在 AMP 页面上触发

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

未发布的更改
错误的触发器配置
触发器过于具体
意外的网站或应用更改
HTTP 请求过多
容器 sn-p 问题

这是一个tutorial，关于如何在 Accelerated Mobile Pages 上使用 Google 的跟踪代码管理器，这可能会有所帮助。

【讨论】：

【解决方案2】：

AMP JS 库（在您的情况下为 https://cdn.ampproject.org/v0.js）最终应该在关闭 head 标签之前出现。见https://developers.google.com/analytics/devguides/collection/amp-analytics/。

【讨论】：

虽然此链接可能会回答问题，但 Stack Overflow 上不鼓励仅链接的答案，您可以通过获取链接的重要部分并将其放入您的答案来改进此答案，这样可以确保您的答案是如果链接被更改或删除，仍然是一个答案:)

【解决方案3】：

我知道这有点老了，但我只是遇到了这个，我找不到其他信息！

AMP 页面似乎不支持您在此处期望的调试窗口。

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

“Google 跟踪代码管理器 (GTM) 中的 AMP 容器不支持调试你指的窗口。预览模式仍可让您预览您在发布之前所做的更改。”

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

用于 AMP 的 Google 跟踪代码管理器不支持我们使用的调试模式使用常规的 Google 跟踪代码管理器。调试面板将要求 AMP 页面支持的 JavaScript 类型非常影响性能。

但是，GTM 确实可以在预览模式下工作。所以当你进入预览模式在 Google 跟踪代码管理器中，一旦您使用相同的网站重新加载网站您进入预览模式的浏览器，下载的容器来自 Google 跟踪代码管理器的实际上将是您正在预览的那个而不是已发布的。

这非常有用，尽管我知道你会错过出色的调试面板供您使用。

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

【讨论】：