EP01. “Google Tag Manager：基础概念与怎么安装”
🔒 登录后可标记已读这篇笔记讲 Google Tag Manager（GTM）是什么、四个核心概念——容器（Container）、标签（Tag）、触发器（Trigger）、变量（Variable）——怎么理解，以及怎么把 GTM 装到 WordPress 网站上。GTM 之前在《Google Analytics》系列笔记里作为「路线 B」安装方式被提过，这篇专门讲清楚 GTM 本身的概念。怎么用 GTM 装 GA4 / Facebook Pixel 看《怎么装GA4与Facebook-Pixel》。
重点内容
Google Tag Manager 是什么
GTM 是 Google 提供的免费标签管理工具——「标签」（Tag）泛指各种追踪代码（GA4、Facebook Pixel、转化追踪代码等）。没有 GTM 的话，每加一个新的追踪工具，都要请工程师手动改网站代码；有了 GTM，只需要在网站里贴一次 GTM 的容器代码，之后所有标签的新增/修改/移除都在 GTM 后台的图形界面操作，不用再碰网站源代码。
四个核心概念
- 容器（Container）：GTM 账号底下建立的一个「箱子」，装着这个网站所有的标签、触发器、变量。一个网站对应一个容器，容器建好后会拿到一段代码，要贴进网站的
<head>和<body>各一段 - 标签（Tag）：真正要执行的追踪代码，比如「发一个 GA4 事件」「发一个 Facebook Pixel 事件」「发一段自定义 HTML/JS」
- 触发器（Trigger）：决定「标签什么时候该被触发」的条件，比如「页面加载时」「点击某个按钮时」「表单提交时」「滚动到页面某个百分比时」
- 变量（Variable）：标签和触发器用到的动态值，比如「当前网页网址」「被点击元素的文字」「Measurement ID」——变量是「占位符」，实际值会在页面运行时才被填入
三者的关系：触发器决定「什么时候」，标签决定「做什么」，变量提供两者需要用到的动态数据。
[截图：GTM 后台 Tags/Triggers/Variables 三个分类的界面总览]
安装 GTM 到 WordPress
- 到
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
常见误区
- ❌ 把 GTM 容器代码只贴了
<head>那一段，漏了<body>那一段——两段代码都要贴，少一段可能导致部分追踪失效或统计不准 - ❌ 在 GTM 里改完标签、测试没问题就以为已经生效——改动只保存在草稿状态，必须点 Submit + Publish 才会真正上线，这是新手最容易忽略的一步
- ❌ 不用 Preview 模式测试就直接 Publish——先在 Preview 模式确认触发器真的在对的时机触发、标签真的发出去了，再发布，能避免上线后才发现追踪是坏的
- ❌ 分不清「触发器」和「标签」的角色——触发器只负责「什么时候」，标签才是真正执行动作的部分，新手常把两者概念搞混，导致设置逻辑理不清楚
Sources
Blog / Website：
- Components of Google Tag Manager（Google 官方支持页） — https://support.google.com/tagmanager/answer/6103657?hl=en
- Variable Guide For Google Tag Manager（Simo Ahava） — https://www.simoahava.com/analytics/variable-guide-google-tag-manager/
官方文档：
- About variables — https://support.google.com/tagmanager/answer/7683056?hl=en