如何在本地测试Google跟踪代码管理器

时间:2014-11-06 08:35:52

标签: testing localhost google-tag-manager

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

它在调试模式中,我可以看到datalayer

但对于代码,说container中没有代码。

即使容器rulestags

中有标签

所以问题是,我可以在本地机器上测试gtm帐户,甚至gtm的域名网址都是直播的。

如果是,那么为什么标签没有显示?谷歌是否会花时间发布标签?

我尝试了谷歌浏览器插件,但它只显示basic info

如果我点击某个产品或在本地进行购买,我想这样做,它应该远程更新帐户数据,是否可能?

4 个答案:

答案 0 :(得分:4)

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

使用新的 Tag Assistant

  1. 将 url 设置为 localhost(将是 http://,除非您在本地设置了 https) 例如http://localhost:8080/

  2. 禁用您拥有的任何广告拦截器 - 这不会在我们的实时网站上引起我的问​​题,但会在本地主机上发生

答案 1 :(得分:0)

无需对本地开发进行任何其他操作来对其进行测试。

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

还有一个名为module test; longint seconds; initial begin int fd; int count; string s; $system("date +%s | tee date.txt"); fd = $fopen("date.txt","r"); count=($fgets(s, fd) == 0); assert(count == 0); count=($sscanf(s,"%d", seconds)); assert(count == 1); $display("Seconds: %0d", seconds); $finish; end endmodule 的Google Chrome扩展程序,可用于调试已加载页面的标签。

我知道这不是一个好习惯,但是this link有很多方法可以验证代码是否正常工作。

答案 2 :(得分:0)

可以在本地计算机上轻松测试Google跟踪代码管理器(不需要Chrome扩展程序),类似于在公共网站/应用上预览更改的方法:

  1. 设置您的Google跟踪代码管理器帐户。
  2. <!-- Google Tag Manager -->脚本添加到网页的<head>
  3. <!-- Google Tag Manager (noscript) -->添加到网页的<body>(可选)。
  4. 在Google跟踪代码管理器中进行所需的更新-例如添加新标签等。
  5. 在Google跟踪代码管理器中单击预览。
  6. 等待“现在预览工作区”横幅显示在Google跟踪代码管理器中。
  7. 启动本地Web服务器以运行您的应用程序-该方法会因您的本地设置而异,但是您应该能够使用localhost:8088/之类的本地URL访问应用程序。

    注意::在浏览器中打开文件路径(例如file:///Users/your-name/Documents/)。 将不会

    < / li>
  8. 在与打开Goog​​le跟踪代码管理器相同的浏览器中,打开一个新标签,然后转到您的本地网络服务器网址-例如localhost:8088
  9. Google跟踪代码管理器调试窗格应该在浏览器窗口的底部可见。

答案 3 :(得分:0)

预览部分有一个小更新。

  1. 确保您有 GTM 的有效设置
  2. 打开这个 URL https://tagassistant.google.com/
  3. 点击添加域。这应该像附加的屏幕截图一样打开。 enter image description here
  4. 点击连接,这应该会在调试模式下打开 GTM