EP02. “Google Tag Manager：怎么装 GA4 与 Facebook Pixel”

这篇笔记讲用 GTM 分别装 GA4 和 Facebook（Meta）Pixel 的具体步骤、以及装好后怎么验证追踪代码有没有正常运作。前置知识看《基础概念与怎么安装》。GA4 本身的报表怎么看看站内《Google Analytics》系列笔记。

重点内容

用 GTM 装 GA4

1. 先在 GA4 后台建好 Property 和 Data Stream，拿到 Measurement ID（格式 G-XXXXXXXXXX）——这一步操作细节看站内《Google Analytics：两种安装方式与自动追踪事件》
2. 回到 GTM：Tags → New → 选「Google Tag」（如果版本较旧，选项名称可能是「Google Analytics: GA4 Configuration」）
3. Tag ID 填第 1 步拿到的 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 模式测试

追踪特定转化事件（进阶，两边都适用的逻辑）

不管是 GA4 事件还是 Meta 的自定义转化事件，进阶追踪的操作逻辑是一样的：

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

验证追踪代码是否正常运作

• GA4：GA4 后台 Admin → DebugView，配合 GTM Preview 模式，能看到即时的事件流和参数——这是验证「事件真的发出去了」最直接的方式（详细用法看站内《Google Analytics：GTM进阶事件追踪》）
• Facebook Pixel：装 Meta Pixel Helper（浏览器插件），图标变蓝并显示活跃 Pixel 数量代表侦测成功；也可以到 Meta Events Manager 的 Test Events 工具，即时查看网站传回来的事件和参数是否正确

[截图：Meta Pixel Helper 浏览器插件图标变蓝，显示侦测到的 Pixel 数量]

常见误区

• ❌ Meta Pixel 的触发器条件设错，导致 PageView 事件只在部分页面触发——建议先用最简单的 All Pages 触发器起步，确认基础追踪没问题，再叠加更精细的条件
• ❌ 装完 GA4/Pixel 后没有用对应的调试工具验证——GA4 用 DebugView、Facebook 用 Pixel Helper/Test Events，两边都有专属的验证工具，装完务必花几分钟确认数据真的进来了
• ❌ 同一个 Pixel/Measurement ID 在网站上被重复安装两次（比如同时用了插件直接安装，又在 GTM 里重复加了一次）——会导致同一个事件被计算两次，数据虚高失真
• ❌ 只测试了 Preview 模式就以为大功告成，忘记 Publish——Preview 模式的验证结果不会让改动真正上线，测试通过后一定要记得 Submit + Publish

Sources

Blog / Website：

1. How to Install Meta Pixel with Google Tag Manager (2026)（AnalyticsMania） — https://www.analyticsmania.com/post/facebook-pixel-with-google-tag-manager/
2. How to Install Google Tag Manager in WordPress（Bluehost） — https://www.bluehost.com/blog/google-tag-manager-wordpress/