欢迎访问我的博客,有问题可以在任意文章底部留言评论

使用GTM安装Meta Pixel(Facebook Pixel)和自定义事件

GTM安装第三方工具 Haran 10年前 (2016-04-08) 9346次浏览 2个评论
文章目录[隐藏]

更新时间: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,然后做如下设置:

使用GTM安装Meta 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中收到类似数据:

使用GTM安装Meta Pixel(Facebook Pixel)和自定义事件

此时可以直接复用 GA4 的 dataLayer,无需再次开发。

 

Step 1:建立数据层变量

首先建立GTM数据层变量,用于读取dataLayer中的数据currency和value。

在GTM中点击「变量」——「新建」——「选择一个变量类型以开始设置…」——「数据层变量」,然后做如下设定:

使用GTM安装Meta Pixel(Facebook Pixel)和自定义事件

同理设置dl-value。

 

Step 2:建立触发器

在GTM中点击「触发器」——「新建」——「选择一个触发器类型以开始设置…」——「自定义事件」,然后做如下设定:使用GTM安装Meta Pixel(Facebook Pixel)和自定义事件

Step 3:代码

在GTM中点击「代码」——「新建」——「选择一个代码类型以开始设置…」——「Facebook Pixel」,然后做如下设定:

使用GTM安装Meta Pixel(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),提升事件匹配率和数据稳定性,减少浏览器限制对数据收集的影响。


有疑问可以在底部留言
喜欢 (3)
发表我的评论
取消评论

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 可否再写一篇如何在GTM中创建来自Facebook的客户转化
    julie2024-04-09 16:16 回复 Windows 10 | Chrome 123.0.0.0
    • Haran
      GTM里识别不到来源,是Facebook或GA它自己去识别来源
      Haran2024-04-10 09:58 回复 Mac OS X | Chrome 123.0.0.0