如何在本地测试谷歌标签管理器
Posted
技术标签:
【中文标题】如何在本地测试谷歌标签管理器【英文标题】：How can I test Google Tag manager locally 【发布时间】：2015-01-02 16:37:23 【问题描述】：我创建了一个 GTM 容器，在其下添加了标签并发布。
它在调试模式中，我可以看到数据层
但是对于标签，说容器中没有标签
即使容器规则和标签中有标签
所以问题是，我可以在本地机器上测试 gtm 帐户，即使 gtm 的域 url 是活动的。
如果是，那么为什么标签没有显示？ Google 会花时间发布标签吗？
我试过谷歌浏览器插件，但它只显示基本信息，
我想像点击产品或在本地购买一样工作，它应该远程更新帐户的数据，这可能吗？
【问题讨论】：
您可以在这里找到更多信息：***.com/questions/17232276/… 谢谢，我会试试这个，但我使用 vagrant share 并使用该 url 进行测试。 也许使用 Chrome 的 GTM Injector 扩展程序会起作用？ 截图链接错误。 屏云已删除截图。 【参考方案1】：如果您有 non-standard implementation（例如，使用 Angular 服务添加 <script> 标记），GTM 调试器可能无法正常工作。在我的情况下，当 localhost:4200 确实加载时，调试器会断开连接，应用程序会冻结，或者页面会部分加载。
在这种情况下，恢复到标准实现并重新连接调试器。
【讨论】：
【参考方案2】：预览部分有一个小更新。
-
确保您有 GTM 的工作设置
打开此网址https://tagassistant.google.com/
单击添加域。这应该像附加的屏幕截图一样打开。
点击连接，这应该会以调试模式打开 GTM
【讨论】：
【参考方案3】：以防万一有人遇到我遇到的一些问题。
使用新的 Tag Assistant
将 url 设置为 localhost（将是 http://，除非您在本地设置了 https）
例如http://localhost:8080/
禁用您拥有的任何广告拦截器 - 这不会在我们的实时网站上引起我的问题，但在 localhost 上会出现问题
【讨论】：
用广告拦截器救了我的命【参考方案4】：可以在您的本地计算机上轻松测试 Google 跟踪代码管理器（无需 Chrome 扩展程序），类似于您在公共网站/应用上预览更改的方式：
-
设置您的 Google 跟踪代码管理器帐户。
将
<!-- Google Tag Manager --> 脚本添加到您网页的<head>。
将<!-- Google Tag Manager (noscript) --> 添加到您网页的<body>（可选）。
在 Google 跟踪代码管理器中进行所需的更新 - 例如添加新标签等。
在 Google 跟踪代码管理器中点击预览。
等待“正在预览工作区”横幅显示在 Google 跟踪代码管理器中。
启动本地网络服务器以运行您的应用 - 此方法会因您的本地设置而异，但您应该能够使用 localhost:8088/ 等本地 URL 访问您的应用。
注意：在浏览器中打开文件路径（例如file:///Users/your-name/Documents/）将不起作用。
localhost:8088。
Google 跟踪代码管理器调试窗格应显示在浏览器窗口的底部。
【讨论】：
#8 为我修复了谢谢！正在测试不同的浏览器 自上次 GTM 更新以来，它不再工作了。 伙计，这太糟糕了，现在它不再工作了...... 如果您使用的是 Adblocker，请务必将其关闭。这对我有用。 禁用“uBlock Origin”Chrome 扩展对我有用。【参考方案5】：没有必要在本地开发中做任何不同的事情来测试它。
只需在 GTM 面板中启用调试/预览模式，然后在同一个浏览器中您就可以访问您的网站，页面底部会有一个控制台窗口，您可以在其中看到有关标签的重要信息。
还有一个名为 Tag Assistant 的 Google Chrome 扩展程序，您可以使用它来调试已加载页面的标签。
我知道这不是一个好的做法，但this link 有很多方法可以验证标签是否正常工作。
【讨论】：
以上是关于如何在本地测试谷歌标签管理器的主要内容，如果未能解决你的问题，请参考以下文章