WP Laboratory

Google Tag Manager:基础概念与怎么安装

约 6 分钟 EP01 Google Tag Manager
  • 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,先想好不要重复安装。

跟着做


第一步:建立容器

  1. 到 tagmanager.google.com,用 Google 账号登入。
  2. 建立账号(Account)和容器(Container),容器类型选 Web。
  3. 建好后拿到容器 ID(格式 GTM-XXXXXXX)和两段代码片段。

第二步:安装到 WordPress(二选一)

方式一:用插件(推荐新手)

装一个 GTM 相关插件,例如 GTM4WP,后台粘贴容器 ID 即可,插件自动把两段代码分别插到正确位置。

方式二:手动贴代码

  • <head> 那段:贴到主题的 header.php,紧接在 <head> 标签后面。
  • <body> 那段:贴到 body.php 或对应模板文件,紧接在 <body> 标签后面。
  • 不熟悉主题文件结构的话,用 Elementor、Divi 这类页面搭建工具的「Custom Code」功能贴,更安全,不容易改坏主题。

第三步:检查装好了没

用 Google Tag Assistant(浏览器插件)检查容器有没有被正确检测到。


第四步:GTM 里的基本操作流程

不管要加什么标签,逻辑都一样:

  1. Tags → New,选标签类型,填好参数(例如 GA4 的 Measurement ID)。
  2. Triggering 区块,选或新建一个触发器,决定这个标签什么时候发。
  3. 保存,点右上角 Preview,进入调试模式,实际操作网站,验证标签有没有在正确时机触发。

[截图:GTM Preview 调试模式,Tags Fired 与 Tags Not Fired 列表]

  1. 确认没问题,点 Submit → Publish。⚠️ 只保存草稿不会生效,一定要 Publish。

做完检查

  1. 两段代码都贴了(<head> 和 <body>)。
  2. Tag Assistant 检测到容器。
  3. 测试用的标签在 Preview 里确实触发过,且已 Publish。

常见误区

  • ❌ 只贴了 <head> 那段,漏了 <body> 那段——两段都要贴,少一段可能导致部分追踪失效或统计不准。
  • ❌ 改完标签、测试没问题就以为已生效——改动只在草稿状态,必须 Submit + Publish,这是新手最容易忽略的一步。
  • ❌ 不用 Preview 测试就直接 Publish——先确认触发器在对的时机触发、标签真的发出去,再发布。
  • ❌ 分不清触发器和标签——触发器只负责"什么时候",标签才执行动作,新手常搞混。

Sources

Blog / Website:

  1. Components of Google Tag Manager(Google 官方支持页)
  2. Variable Guide For Google Tag Manager(Simo Ahava)

官方文档:

  1. About variables