GTM声纳「GTM Sonar」 crx插件
调试您的页面模板,查看它是否适用于Google跟踪代码管理器的自动事件侦听器。 GTM Sonar可用于调试页面模板及其与Google Tag Manager监听器的兼容性。 目录 1.概述 2.如何使用它 3. TO-DO 4.版本历史 -------------------- 1.概述 安装扩展程序(并重新加载页面)后,单击扩展窗格中的红色目标将会打开一个弹出窗口。 在这个弹出窗口中,您可以选择在页面上激活哪个监听器。 点击监听器:停止文档节点上所有点击的默认动作,点击页面后将gtm.click和其他数据推送到debugDL。 链接点击监听器:暂停文档节点上所有点击的默认动作,点击页面上的任何链接元素,将gtm.linkClick和其他数据推送到debugDL。 表单提交监听器:停止所有表单提交的默认操作,在提交表单时将gtm.formSubmit和其他数据推送到debugDL。 通过选择监听器并单击“切换”,您可以在页面上设置监听器。通过打开弹出窗口并单击“关闭”,您将取消所有扩展操作。 一旦将事件推入debugDL数组,浏览器操作中的小徽章图标数量就会增加,表示数组中的项目数量。要查看数组的内容,请在Chrome浏览器中打开JavaScript控制台,然后键入“debugDL”(不带引号)。 如果您的页面有jQuery可用,您可以通过单击相应的按钮来终止所有jQuery绑定。这是为了测试jQuery是否干扰GTM监听器。 调试器是特定于选项卡的,因此选项卡中的操作仅适用于该选项卡。一旦你离开页面,debugDL将不再可用。 请注意,取消点击和提交的默认操作不是100%准确的。您可能会干扰脚本,使得重定向或提交无论如何发生。 2.如何使用它 这个想法是,你可以测试不同的元素如何与这三个GTM监听器一起执行,而不需要真正设置一个真正的GTM监听器。这对于调试非常有用,因为在GTM中设置监听器标签之前,您现在可以随意使用标记进行测试。如果要调试无法访问容器或预览版本的站点,这也非常有用。 3. TO-DO 1)更加稳定和健壮 4.版本历史 v1.3 - 2015年6月5日 - 更改Click Listener使用Capture - 更改链接单击侦听器爬过DOM树,直到找到链接 v1.2 - 2014年6月1日 - 增加了一个徽章图标,每次将事件推入debugDL时,该图标的数量都会增加 - 改进了弹出式指令 - 如果扩展名不起作用,弹出窗口中会显示错误信息 - 将扩展名改为GTM Sonar(感谢Paul Gailey的建议!) v1.1 - 2014年5月26日 - 增加了一个弹出窗口来控制调试器功能 - 添加了一个开关来杀死所有的jQuery绑定 - 增加了Click Listener,Link Click Listener和Form Submit Listener v1.0 - 2014年5月23日 - 第一个发行版本 - 单击浏览器操作暂停所有单击事件并设置debugDL对象 - 单击页面上的任何位置,将debugm中的gtm.click事件存储起来 - 再次单击浏览器动作,删除由该扩展插入的所有脚本和事件处理程序 支持语言:English