SuperAPI AI 工具集

gtm-implementation

营销与增长

查看项目

更新于 10-15 19:53

技能介绍

用途:为网站补全 GTM 端到端追踪,既改代码(加 dataLayer.push)也改容器(建变量、触发器、GA4 事件标签)。

主要能力:

  1. 读取 gtm-context.md、gtm-tracking-plan.json、gtm-config.json、gtm-token.json;缺失时提示先运行 gtm-strategy 或 gtm-setup。
  2. 通过 package.json 识别框架(React、Next.js App Router/Pages Router、Vue,TypeScript 或 JavaScript),决定文件扩展名、导入方式与 'use client' 指令。
  3. 用 Glob/Grep 扫描 CTA、表单、导航等目标元素并与追踪计划中的事件匹配。
  4. 在代码中实现 cta_click、form_submit、navigation_click 等事件的 dataLayer.push,参数从 id、class、innerText、href/handler 中提取。
  5. 经 GTM API 创建 DLV 数据层变量、CE 自定义事件触发器、GA4 事件标签,支持增量更新与命名规范(DLV - / CE - / GA4 -)。
  6. 创建容器版本并输出实施摘要(改动文件、事件数、变量/触发器/标签数、预览链接)。

必要用法:先确保 gtm-setup 已生成凭证并完成 API 连接;每次调用前动态列出 workspace,取第一个可用 workspaceId,不得硬编码缓存值,因为 GTM 在发布后会删除并重建 workspace。命令与 API 调用保持原样,例如 tagmanager.accounts.containers.workspaces.variables.create({...})。

适用场景:已有 GTM 容器与 GA4、需要把分析就绪的 DOM 元素转为完整追踪事件的前端项目。

限制:资料未提供收费方式、平台支持范围、具体定价与效果数据;依赖 GTM API 权限与凭证;元素选择器需与既有类名/ID 约定一致。