- GTM 是 Google 的免费"标签管理工具":网站里只贴一次容器代码,之后所有追踪代码的新增、修改、移除,都在 GTM 后台的图形界面操作,不用再碰网站源代码。
- 记住一句话:触发器决定"什么时候",标签决定"做什么",变量提供两者需要的动态数据。
- 最容易忘的一步:改完要点 Submit → Publish,只保存草稿不会生效。
- 约 20 分钟。装 GA4 和 Facebook Pixel,看《怎么装 GA4 与 Facebook Pixel》。
先搞懂
GTM 解决什么问题
「标签」(Tag)泛指各种追踪代码(GA4、Facebook Pixel、转化追踪代码等)。没有 GTM,每加一个新的追踪工具,都要请工程师手动改网站代码。
4 个核心概念
| 概念 | 是什么 | 例子 |
|---|---|---|
| 容器(Container) | GTM 账号下的一个"箱子",装着这个网站所有的标签、触发器、变量。一个网站对应一个容器 | 建好后拿到一段代码,贴进网站的 <head> 和 <body> 各一段 |
| 标签(Tag) | 真正要执行的追踪代码 | 发一个 GA4 事件、发一个 Facebook Pixel 事件、发一段自定义 HTML / JS |
| 触发器(Trigger) | 决定"标签什么时候该被触发"的条件 | 页面加载时、点击某个按钮时、表单提交时、滚动到页面某个百分比时 |
| 变量(Variable) | 标签和触发器用到的动态值,是"占位符",实际值在页面运行时才填入 | 当前网页网址、被点击元素的文字、Measurement ID |
[截图:GTM 后台 Tags / Triggers / Variables 三个分类的界面总览]
开始之前
- 一个 Google 账号。
- 能登入 WordPress 后台。
- 之前如果已用插件直接装了 GA4,先想好不要重复安装。
跟着做
第一步:建立容器
- 到
tagmanager.google.com,用 Google 账号登入。 - 建立账号(Account)和容器(Container),容器类型选 Web。
- 建好后拿到容器 ID(格式
GTM-XXXXXXX)和两段代码片段。
第二步:安装到 WordPress(二选一)
方式一:用插件(推荐新手)
装一个 GTM 相关插件,例如 GTM4WP,后台粘贴容器 ID 即可,插件自动把两段代码分别插到正确位置。
方式二:手动贴代码
<head>那段:贴到主题的header.php,紧接在<head>标签后面。<body>那段:贴到body.php或对应模板文件,紧接在<body>标签后面。- 不熟悉主题文件结构的话,用 Elementor、Divi 这类页面搭建工具的「Custom Code」功能贴,更安全,不容易改坏主题。
第三步:检查装好了没
用 Google Tag Assistant(浏览器插件)检查容器有没有被正确检测到。
第四步:GTM 里的基本操作流程
不管要加什么标签,逻辑都一样:
- Tags → New,选标签类型,填好参数(例如 GA4 的 Measurement ID)。
- Triggering 区块,选或新建一个触发器,决定这个标签什么时候发。
- 保存,点右上角 Preview,进入调试模式,实际操作网站,验证标签有没有在正确时机触发。
[截图:GTM Preview 调试模式,Tags Fired 与 Tags Not Fired 列表]
- 确认没问题,点 Submit → Publish。⚠️ 只保存草稿不会生效,一定要 Publish。
做完检查
- 两段代码都贴了(
<head>和<body>)。 - Tag Assistant 检测到容器。
- 测试用的标签在 Preview 里确实触发过,且已 Publish。
常见误区
- ❌ 只贴了
<head>那段,漏了<body>那段——两段都要贴,少一段可能导致部分追踪失效或统计不准。 - ❌ 改完标签、测试没问题就以为已生效——改动只在草稿状态,必须 Submit + Publish,这是新手最容易忽略的一步。
- ❌ 不用 Preview 测试就直接 Publish——先确认触发器在对的时机触发、标签真的发出去,再发布。
- ❌ 分不清触发器和标签——触发器只负责"什么时候",标签才执行动作,新手常搞混。
Sources
Blog / Website:
官方文档: