LOADING

GTM Sonar

GTM Sonar1.4

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

官方版无广告36

更新日期: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 中- 再次单击浏览器操作会删除此扩展程序注入的所有脚本和事件处理程序

相关资源

Redux Saga Dev Tools
Redux saga 开发工具为 Redux Saga 提供调试器的扩展(https://github.com/redux-saga/redux-saga)在 https://github.com/abettadapur/redux-saga-devtools-extension 为项目做出贡献
Color Finder
HEX、RGB Color Finder、Live Color picker 吸管查找颜色代码颜色查找器比以往任何时候都更容易获得准确的 RGB 和 HEX 颜色代码值。使用此扩展程序可以快速查找颜色代码。颜色查找器使您能够为您的设计找到完美的颜色。它准确识别 HEX 和 RGB 值。对于网络开发人员和图形设计师
SNOW screenshot extension
此扩展允许用户截取页面的屏幕截图并将其存储在适当的谷歌驱动器位置Snow 截图上传扩展需要制作当前页面的截图并将其上传到 Google 驱动器上的特定文件夹。该扩展还允许在上传前选择目录。 v 0.0.8 中的新功能: - 使用新样式更新了 UI - 固定图标路径- 更新以支持 Manifest V3 - 在设置
goto.dev – Pull request superpowers
在 GitHub 上以 10 倍的速度理解代码 😉这个 Chrome 扩展: 💡 使用有用的工具提示和转到定义链接扩充 GitHub.com 上的公共存储库💪 独特地能够理解跨许多不同存储库的依赖关系⚡ 开箱即用:无需处理持续集成设置! 💗 是开源的:https://github.com/gotodev/
BuildReactor
CI 服务器的开发人员通知和仪表板- 在一处概览您的所有 CI 构建- 支持多个持续集成服务器- 可配置的通知- 全屏模式让您在几分钟内为您的团队设置信息辐射器- 适用于 Windows、Mac 和 Linux支持的服务: - cctray XML 格式- Atlassian 竹- 建造风筝- 构建机器人- 詹金
Salesforce LWC Editor
轻松快速地构建 Salesforce LWC 开发。更多详情:https://nisar-99.github.io/DreamPixel/lwc-snippets.html 💻 使用方法: ➡️ 只需登录 salesforce 并在图标变为蓝色时单击“Salesforce LWC Editor”图标(浏览器右上

暂无评论

暂无评论...