如何为其他Chrome扩展程序使用Google Tag Assistant

Tag Assistant的检测逻辑本质是识别指定页面内加载的GTM容器实例，Chrome扩展的内置页面、注入脚本都可以通过特殊的地址配置完成适配，具体操作如下：

• 第一步：获取目标扩展的唯一ID
  打开chrome://extensions/页面，开启右上角的开发者模式，找到你部署了GTM的扩展，复制卡片上显示的扩展ID（为一串无规律的字母数字组合）
• 第二步：拼接你需要检测的扩展页面地址
  不同类型的扩展页面对应地址规则如下，把<扩展ID>替换为你上一步复制的内容即可：
  • 后台页（MV2版本）：chrome-extension://<扩展ID>/background.html
  • 服务工作线程页（MV3版本）：直接点击扩展管理卡片下方的「服务工作线程」即可打开对应调试页面，复制地址栏内容即可
  • 弹窗页：chrome-extension://<扩展ID>/popup.html
  • 选项设置页：chrome-extension://<扩展ID>/options.html
• 第三步：在Tag Assistant中添加检测地址
  正常打开Tag Assistant的新增检测域名功能，将上一步拼接好的chrome-extension://开头的完整地址填入即可，后续的容器校验、事件监测流程和普通网页场景完全一致
• 特殊场景适配：如果你要监测的是扩展注入到第三方网页的内容脚本（content script）中触发的GTM事件，直接将第三方网页的地址添加到Tag Assistant的检测列表即可，内容脚本内加载的GTM实例会被正常识别

补充注意：如果出现识别失败的情况，优先检查扩展的manifest.json配置的内容安全策略（CSP）是否允许加载GTM的相关脚本资源，没有对应权限的话需要先调整CSP配置后再检测

内容的提问来源于stack exchange，提问作者Staz