WP Laboratory

Google Tag Manager:怎么装 GA4 与 Facebook Pixel

约 7 分钟 EP02 Google Tag Manager
  • 用 GTM 装 GA4 和 Meta(Facebook)Pixel,都是同一个流程:建标签 → 选触发器 → Preview 测试 → Publish。
  • 起步用最简单的 All Pages 触发器,确认基础追踪没问题,再叠加更精细的条件。
  • 装完要用专属工具验证:GA4 用 DebugView,Facebook 用 Meta Pixel Helper 或 Test Events。
  • 同一个 ID 不要装两次,否则事件被算两次。
  • 前置:先看《基础概念与怎么安装》。

先搞懂


3 个 ID

ID是什么格式
GTM 容器 IDGTM 的容器GTM-XXXXXXX
GA4 Measurement IDGA4 数据流的 IDG-XXXXXXXXXX
Meta Pixel IDFacebook Pixel 的 ID一串数字

开始之前

  • GTM 已装好,能登入 GTM 后台。
  • GA4:已在 GA4 后台建好 Property 和 Data Stream,拿到 Measurement ID,见《两种安装方式与自动追踪事件》。
  • Pixel:已在 Meta Events Manager 建好 Pixel。

跟着做


用 GTM 装 GA4

  1. 先在 GA4 后台拿到 Measurement ID。
  2. 回到 GTM:Tags → New → 选「Google Tag」。旧版本的选项名称可能是「Google Analytics: GA4 Configuration」。
  3. Tag ID 填 Measurement ID。

[截图:GTM 新建 Google Tag 标签,填入 GA4 Measurement ID]

  1. Triggering 选「Initialization – All Pages」(或直接选 All Pages),让标签在每个页面加载时触发。
  2. 命名保存,进 Preview 模式测试,确认 Google Tag 出现在 Tags Fired 列表里。
  3. 没问题后 Submit → Publish。

用 GTM 装 Facebook(Meta)Pixel

  1. 到 Meta Events Manager,建立或找到自己的 Pixel,复制 Pixel ID 或整段基础代码(fbq('init', 'PIXEL_ID'); fbq('track', 'PageView'); 这类)。
  2. 回到 GTM:Tags → New → Custom HTML,把 Meta Pixel 的完整代码贴进去。
  3. 命名,例如「Meta Pixel - PageView」。
  4. Triggering 选 All Pages,确保每个页面都触发 PageView 事件。
  5. 保存,Preview 模式测试,再 Publish。

做完检查:验证追踪有没有正常运作

工具怎么验证
GA4GA4 后台 Admin → DebugView,配合 GTM Preview 模式,看即时事件流和参数,最直接。详见《GTM 进阶事件追踪》
Facebook Pixel装 Meta Pixel Helper(浏览器插件),图标变蓝并显示活跃 Pixel 数量,代表侦测成功。也可用 Meta Events Manager 的 Test Events 即时查看事件和参数是否正确

[截图:Meta Pixel Helper 图标变蓝,显示侦测到的 Pixel 数量]

进阶:追踪特定转化事件

不管是 GA4 事件还是 Meta 自定义转化事件,进阶追踪的逻辑一样:

  1. 先确定要追踪的动作,例如「提交联系表单」「点击 WhatsApp 按钮」。
  2. GTM 里建对应的触发器(Form Submission、Click),条件设成匹配该表单或按钮的 class 或 ID。
  3. 建一个新标签(GA4 Event 标签,或 Meta Pixel 的自定义事件标签),绑定这个触发器。
  4. Preview 模式实际操作一次(例如真的提交一次表单),确认标签触发。
  5. Publish 上线。

常见误区

  • ❌ Meta Pixel 触发器条件设错,PageView 只在部分页面触发——先用最简单的 All Pages 起步,再叠加更精细的条件。
  • ❌ 装完没用调试工具验证——GA4 用 DebugView,Facebook 用 Pixel Helper / Test Events,务必花几分钟确认数据真的进来了。
  • ❌ 同一个 Pixel / Measurement ID 重复安装两次(例如同时用插件直接安装,又在 GTM 里加了一次)——同一个事件被算两次,数据虚高失真。
  • ❌ 只测试了 Preview 就以为大功告成,忘了 Publish——Preview 的结果不会让改动真正上线。

Sources

Blog / Website:

  1. How to Install Meta Pixel with Google Tag Manager (2026)(AnalyticsMania)
  2. How to Install Google Tag Manager in WordPress(Bluehost)