LOADING

GTM Sonar

GTM Sonar1.4

调试您的页面模板以查看它是否适用于 Google 跟踪代码管理器的自动事件侦听器。 GTM Sonar 可用于调试页面模板及其与 Google Tag Manager 侦听器的兼容性。目录1. 概述2. 如何使用3. 待办事项4. 版本历史-------------------- 1. 概述安装扩展程序(并重新加

官方版无广告37

更新日期:2021年 8月 29日分类标签:语言:中文平台:

15.94KB 0 人已下载 手机查看

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

相关资源

GitHub Danger Zone Destroyer
杀了你的危险区,让我们快速回到安全的家隐藏 GitHub 的危险区域。
盒马研发助手
为盒马研发打造 Chrome 插件, 助你高效研发盒马研发助手,集成所有盒马扩展。现在具有:环境切换、DNS 清理、打印预览、Hwork 等功能。
Opener Detector
在您浏览时检查 window.opener 漏洞。一个简单的浏览器扩展,可在您浏览时检查 window.opener 漏洞。当它找到一个时,它会在易受攻击的选项卡中显示一个警告页面,以便您可以报告或修复漏洞。 (使用后退按钮返回页面。)可以将单个页面和整个域添加到忽略列表中,默认情况下,同一来源页面之间的漏洞(例
Measure
直接从页面测量印刷线的长度“度量”是字体主体的宽度。这个小工具可以帮助您通过在工具栏中单击并突出显示一行文本来找到它。我为什么要这么做?一行文字的长度会影响它的可读性。通常,一个好的衡量标准是每行 45-80 个字符。对于设计师,对于开发者设计清晰的内容需要大量关注,涉及各种设备类型和屏幕尺寸。在桌面显示器上一个
JSON formatter, viewer and URL Encoder tool
具有 JSON 格式器、验证器和美化器功能的自动 URL 编码器、解码器工具JavaScript Object Notation 是一种基于文本的标准格式,用于表示基于 JavaScript 对象语法的结构化数据。 JSON 用于在 Web 应用程序中传输数据。 JSON 是一种流行的文件格式,Web 开发人员和
CC Generator
生成有效的信用卡号以供开发使用。 v1.3 的变化: - 右键单击​​时添加菜单项以快速为所选卡生成新号码- 修改剪贴板所需的新权限,用于将生成的数字复制到剪贴板**免责声明:此扩展程序生成的信用卡号应仅用于开发目的。不要试图将这些数字中的任何一个用于现实生活中的交易。试图在真实交易中使用其中一个号码被视为欺诈,

暂无评论

暂无评论...