用途:以资深前端工程师视角对网站代码库做一次分析(analytics)审计,找出潜在可追踪的交互元素并评估 analytics 就绪度。
主要能力:检测框架(React、Next.js、Vue 等,区分 App Router 与 Pages Router);扫描组件文件(app/、pages/、components/、src/ 下的 .tsx/.jsx/.vue);识别按钮、链接、表单、媒体及自定义交互元素;按 CTA、导航、表单、定价、认证、演示、外链、媒体归类;检查已有的 dataLayer.push、gtag、Segment、Mixpanel 等埋点及覆盖率;评估 id、class、语义化与无障碍属性;做差距分析并给出 P0/P1/P2 建议;输出 audit-report.json 并在缺少 gtm-context.md 时通过 4 个问题收集业务背景(站点类型、转化目标、广告平台、是否用 sGTM)写入该文件。
使用方式:在项目根目录运行该技能,它会按阶段扫描、分析并生成报告;如已有 gtm-context.md 会静默读取复用。后续可衔接 gtm-dom-standardization 与 gtm-strategy。
适用场景:准备接入或优化 Google Tag Manager/GA4 埋点前,盘点可追踪元素、评估现状与优先级。
限制:扫描应排除 node_modules 与构建目录;不主张追踪所有元素,只聚焦转化关键交互;不涉及具体收费、价格或平台承诺。具体运行命令等细节资料暂未提供。