这是一款面向代理机构和 Google Tag Manager 专家的免费 Chrome 扩展程序。它将 GTM 预览模式转换为清晰、结构化的标签、网络请求和同意状态数据视图。该扩展程序可帮助您调试客户端和服务器端 GTM 容器配置。
要开始使用该扩展程序,只需从 Chrome Web Store 添加到 Chrome,并在通过 GTM 进行调试时启用它。您也可以使用 Scanner 功能评估网站跟踪配置的有效性。
使用该扩展程序无需注册,也无需有效的 Stape 订阅。
当您运行 Google Tag Manager 预览模式或使用 Tag Assistant 窗口时,Stape 扩展程序会通过可视化突出显示 GTM 实体(客户端、标签、触发器和变量)来改善调试体验。这让导航更加简单,并帮助您快速识别哪些内容已触发以及哪些内容失败。
您可以通过浏览器界面启用或禁用单独的功能。例如,您可以开启标签高亮显示以提高可见性,或启用 JSON 格式化,使数据层和事件载荷更易阅读。
除了调试功能外,该扩展程序还可用于评估网站跟踪配置的有效性。点击扩展程序中的 Scan me 按钮,即可生成分析当前实现情况的报告。扫描完成后,选择 View detailed report 可获取可执行的优化建议。
通过筛选功能专注于相关跟踪实体。 调试跟踪配置时,您需要关注当前正在测试的标签或实体。实体筛选功能允许您筛选预览内容,仅显示选定的标签或实体。这样可以缩小相关数据范围,更快解决问题。
让 JSON 更易阅读,加快调试速度。 该功能会自动将传入和传出的 JSON 格式化为结构化且易读的布局,提高复杂数据结构的可读性。这可以减少分析负担,并加快请求调试速度。
以结构化形式查看 URL 参数。 Request URL Formatter 会将查询参数转换为结构化表格或 JSON 视图,使请求数据更易理解。这可以提高配置调试准确性,并减少对参数的误解。
通过颜色标识快速识别标签来源。 当您处理来自不同平台的多个跟踪标签时,需要快速识别每个标签的来源。"Tag Type Coloring" 功能会添加颜色标识以及 Meta、GA4、Google Ads 和 Microsoft 等平台的标识。这样可以提升标签识别的速度和准确性。
立即查看失败的实体。 Tag Status Coloring 功能通过颜色指示器突出显示成功和失败的请求(包括 4xx 和 5xx 错误)。该功能可提高错误检测速度和调试效率。
调试 sGTM 配置时查看同意状态。 默认情况下,您无法在 sGTM 中查看同意状态。该功能允许您直接在服务器端 GTM 预览模式中检查同意是否已授予或拒绝。这简化了合规性验证,并改善了与同意相关行为的调试。
无限制调试 Shopify checkout 跟踪。 由于 Shopify checkout 页面中的沙盒限制,您可能难以排查此部分配置的问题。该扩展程序可绕过 Shopify 的限制。您可以完整查看 checkout 跟踪实现,从而更轻松、全面地解决问题。
一次操作批量编辑 GTM 实体。 Bulk GTM Container Entities Selection 功能允许您一次选择并修改多个实体。这减少了手动操作,并加快容器管理速度。
获取网站跟踪健康报告。 Scanner 功能会分析网站并生成覆盖网页端和服务器端跟踪的报告。通过此功能,您可以快速识别缺失部分并提升跟踪质量。同时,您还可以获得修复跟踪问题的详细分步说明。
无需注册,也无需复杂设置。只需安装即可立即开始调试。