更新时间:2024年7月16号
Meta Pixel(原 Facebook Pixel)是 Meta 官方提供的网站行为跟踪代码,可帮助广告主记录用户行为、统计广告转化、建立再营销受众,并为广告投放和智能优化提供数据支持。
通过GTM安装 Meta Pixel,无需修改网站源码,方便后续维护与扩展。如果网站已经完成GA4电商事件部署,还可以直接复用现有的dataLayer数据,实现GA4与Meta Pixel共用同一套事件和参数。
本文将介绍如何在GTM中安装Meta Pixel,并以Purchase事件为例,说明如何使用dataLayer发送标准事件。
安装基础Facebook Pixel
Step 1:获取 Meta Pixel ID
在Facebook的事件管理工具里获取Facebook Pixel,创建或选择一个 Pixel,就可以获取对应Pixel ID,假设获取到的是2324323424。
Pixel ID是Meta Pixel的唯一标识,用于告诉Meta将网站收集到的事件数据发送到哪个广告账户。
Step 2:在GTM中安装 Meta Pixel
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「在社区模板库中发现更多代码类型」,搜索“facebook”,找到 Facebook Pixel,将其安装。
在选择代码类型里选择 Facebook Pixel,然后做如下设置:
安装Purchase事件
除了基础的 PageView 外,电商网站通常还需要发送 Purchase、AddToCart、BeginCheckout 等标准事件。
下面以 Purchase 为例进行说明。
Meta Pixel 的 Purchase 事件代码如下:
<span class="pln"> fbq</span><span class="pun">(</span><span class="str">'track'</span><span class="pun">,</span> <span class="str">'Purchase'</span><span class="pun">,</span> <span class="pun">{</span><span class="pln">currency</span><span class="pun">:</span> <span class="str">"USD"</span><span class="pun">,</span><span class="pln"> value</span><span class="pun">:</span> <span class="lit">30.00</span><span class="pun">});</span>
如果网站已经完成 GA4 电商跟踪,则通常会在dataLayer中收到类似数据:

此时可以直接复用 GA4 的 dataLayer,无需再次开发。
Step 1:建立数据层变量
首先建立GTM数据层变量,用于读取dataLayer中的数据currency和value。
在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」,然后做如下设定:
同理设置dl-value。
Step 2:建立触发器
在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」,然后做如下设定:
Step 3:代码
在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Facebook Pixel」,然后做如下设定:
发布后,当用户完成订单并触发 purchase 事件时,Meta Pixel 就会自动发送 Purchase 标准事件
验证Meta Pixel是否安装成功
完成设置后,建议立即验证事件是否正常发送。
可以使用以下工具:
- Meta Pixel Helper:检查浏览器是否成功发送 Pixel 事件。
- Meta Events Manager → Test Events:实时查看事件是否成功接收。
- GTM 预览(Tag Assistant):确认Tag是否正确触发,以及变量值是否正确。
最佳实践
如果网站已经完成 GA4 电商事件部署,建议直接复用现有的 dataLayer,而不是另外开发一套 Meta Pixel 数据
对于广告投放规模较大的网站,建议用 Server-side GTM(sGTM) 与 Meta Conversion API(CAPI),提升事件匹配率和数据稳定性,减少浏览器限制对数据收集的影响。



