如何在本地测试谷歌标签管理器答案

【问题标题】：How can I test Google Tag manager locally如何在本地测试谷歌标签管理器
【发布时间】：2015-01-02 16:37:23
【问题描述】：

我创建了一个 GTM 容器，在其下添加了标签并发布。

它在调试模式中，我可以看到数据层

但是对于标签，说容器中没有标签

即使容器规则和标签中有标签

所以问题是，我可以在本地机器上测试 gtm 帐户，即使 gtm 的域 url 是活动的。

如果是，那么为什么标签没有显示？ Google 会花时间发布标签吗？

我试过谷歌浏览器插件，但它只显示基本信息，

我想像点击产品或在本地购买一样工作，它应该远程更新帐户的数据，这可能吗？

【问题讨论】：

【解决方案1】：

如果您有 non-standard implementation（例如，使用 Angular 服务添加 <script> 标记），GTM 调试器可能无法正常工作。在我的情况下，当 localhost:4200 确实加载时，调试器会断开连接，应用程序会冻结，或者页面会部分加载。

在这种情况下，恢复到标准实现并重新连接调试器。

【讨论】：

【解决方案2】：

预览部分有一个小更新。

【讨论】：

【解决方案3】：

以防万一有人遇到我遇到的一些问题。

使用新的 Tag Assistant

【讨论】：

【解决方案4】：

可以在您的本地计算机上轻松测试 Google 跟踪代码管理器（无需 Chrome 扩展程序），类似于您在公共网站/应用上预览更改的方式：

设置您的 Google 跟踪代码管理器帐户。
将 脚本添加到您网页的<head>。
将 添加到您网页的<body>（可选）。
在 Google 跟踪代码管理器中进行所需的更新 - 例如添加新标签等。
在 Google 跟踪代码管理器中点击预览。
等待“正在预览工作区”横幅显示在 Google 跟踪代码管理器中。
启动本地网络服务器以运行您的应用 - 此方法会因您的本地设置而异，但您应该能够使用 localhost:8088/ 等本地 URL 访问您的应用。

注意：在浏览器中打开文件路径（例如file:///Users/your-name/Documents/）将不起作用。
在打开 Google 跟踪代码管理器的同一浏览器中，打开一个新选项卡并转到您的本地网络服务器 URL - 例如 localhost:8088。
Google 跟踪代码管理器调试窗格应显示在浏览器窗口的底部。

【讨论】：

【解决方案5】：

没有必要在本地开发中做任何不同的事情来测试它。

只需在 GTM 面板中启用调试/预览模式，然后在同一个浏览器中您就可以访问您的网站，页面底部会有一个控制台窗口，您可以在其中看到有关标签的重要信息。

还有一个名为 Tag Assistant 的 Google Chrome 扩展程序，您可以使用它来调试已加载页面的标签。

我知道这不是一个好的做法，但this link 有很多方法可以验证标签是否正常工作。

【讨论】：