# 谷歌标签管理器 ## 概述 Google 跟踪代码管理器 (GTM) 的专业知识涵盖容器设置、标签配置、触发器、变量、数据层实现、调试、自定义模板和 API 自动化。有关每个主题的详细指南，请参阅下面的参考文件。 ## 何时使用此技能在设置或配置 GTM 容器、标签、触发器或变量时调用；实现数据层；使用预览模式或 Tag Assistant 进行调试；构建自定义模板；通过 REST API 实现自动化；或优化容器性能和同意管理。 ## 快速入门 1. 在 [tagmanager.google.com]() 创建一个 GTM 帐户 2. 创建容器（Web、iOS、Android 或服务器） 3. 安装容器代码段 - 请参阅 [setup.md]() 4. 配置标签、触发器和变量 5. 在预览模式下测试 - 请参阅 [debugging.md]() 6. 发布 ### 基本标签配置 // 示例：GA4 配置标签标签类型：Google Analytics：GA4 配置测量 ID：G-XXXXXXXXXX 触发：所有页面有关全面的标签文档，请参阅 [tags.md]()。 ### 数据层推送窗口.dataLayer = 窗口.dataLayer || []；数据层.push({ '事件': '自定义事件', '类别': '参与度', '动作': '按钮点击', '标签': 'CTA 按钮' }); 有关数据层模式，请参阅 [datalayer.md]()。 ## 核心概念 **标签**是在您的网站上执行的代码片段（例如 GA4、Google Ads、Facebook Pixel）。 **触发器**定义标签何时触发（例如页面浏览、点击、表单提交）。 **变量** 捕获动态值以在标签和触发器中使用（例如，页面 URL、点击文本、数据层值）。用户操作 --> 触发器触发 --> 标签执行 --> 发送数据 ^ | | v +--- 变量提供值 ------+ ## 常见工作流程 ### GA4 页面浏览量跟踪 1. 使用测量 ID 创建 GA4 配置标签 2. 将触发器设置为“所有页面” 3.预览模式下测试，GA4 DebugView中验证 4. 发布 ### 表单提交跟踪 1. 创建表单提交触发器 2. 使用表单 ID/名称作为参数创建 GA4 事件代码 (`form_submit`) 3.预览模式测试并发布 ### 电子商务追踪 1. 通过电子商务事件实现数据层 - 请参阅 [datalayer.md]() 2. 为每个事件创建数据层变量和 GA4 事件标签 3. 将变量映射到事件参数 4. 测试完整的购买流程并发布 ### 调试标签未触发 1. 启用预览模式并执行操作 2. 检查“未触发的标签”部分并查看触发条件 3.验证数据层值、修复条件并重新测试 4. 有关详细工作流程，请参阅 [debugging.md]() ## 技术限制 **需要 ES5** ：自定义 JavaScript 变量和自定义 HTML 标签必须使用 ES5 语法（`var`、`function()`、字符串连接）。自定义模板支持部分 ES6。有关详细信息和解决方法，请参阅 [best-practices.md]()。 **RE2 正则表达式**：GTM 使用 RE2 正则表达式 - 无前向、后向或反向引用。请参阅 [best-practices.md]() 了解支持的模式。 ## 快速参考 ### 要启用的内置变量 * 页面 URL、页面路径、页面主机名 * 单击元素、单击类、单击 ID、单击 URL、单击文本 * 表单元素、表单ID、表单类 * 滚动深度阈值、滚动方向 ### 常见触发器类型页面视图、单击（所有元素/仅链接）、表单提交、自定义事件、历史记录更改 (SPA)、计时器、滚动深度 ### 基本数据层事件 // 页面视图 dataLayer.push({ 'event': 'page_view' }); // 用户登录 dataLayer.push({ '事件': '登录', '方法': '谷歌' }); // 购买数据层.push({ '事件': '购买', '电子商务'：{ '交易id': 'T12345', “值”：99.99， '货币': '澳元', “项目”：[...] } }); ## 参考文件主题 |参考文件 ---|--- 容器设置| [setup.md]() 标签配置| [tags.md]() 触发配置| [triggers.md]() 可变配置| [variables.md]() 数据层| [datalayer.md]() 调试| [debugging.md]() 最佳实践、命名、性能、安全 | [best-practices.md]() 自定义模板 | [custom-templates.md]() API自动化| [api.md]() ## 外部资源 * [GTM 帮助中心]() * [GTM 开发者文档]() * [GA4 实施指南]() * [GTM API 参考]()

谷歌标签管理器

包含技能