如何安装Meta pixel代码

分享到:

2025-10-09 10:23:56

一、 涉及平台

本教程展示如何通过Meta Business Suite来支持、管理监控统计网站。

Meta Business SuiteMeta商务管理平台,后文简称为Meta平台)是Meta为企业和营销人员提供的一体化、免费的管理中心,用于统一管理您在FacebookInstagram上的所有资产、广告和互动。

二、 功能门槛

【版本】海外版

三、 步骤

STEP1 登录Meta Business Suite

登录Meta平台(https://business.facebook.com/),如您未拥有脸书商业账号,请先进行基础注册。

STEP2 创建Pixel基代码

进入后台,如图在所有工具中找到事件管理工具

点击欢迎页面的连接数据按钮:

选择网站(web)类型后继续:

P.S. 如您的账号无法选择网站类型的数据源,并提示需要商务管理平台账户,如下:

是因为您没有创建业务资产组合,这个入口一般在新手入门指导出可见。

设置数据集名称后,点击创建即可。

创建成功后,在数据集中,找到管理集成入口:

添加集成工具:

选择类型为“Meta Pixel像素代码

点击设置后会自动进入像素代码设置界面,如下:

复制代码备用。

同时暂时保留此页面,请不要关闭。


STEP3   利用GTM插入Pixel基代码

切换到GTM平台,新增一个代码:

代码配置选择自定义HTML”

将复制的pixel基代码粘贴到此处,触发条件先选择一个测试用的默认gtm事件(All pages网页预览,比较好触发),点击右上角保存按钮:

预览您的代码:

跳转您的官网成功后,确认刚才插入的代码是否被触发:

确认无问题即可发布最新的GTM代码版本。

发布成功后,回到meta平台设置像素代码界面,点击右下角继续按钮:

根据业务需要决定是否打开高级匹配:

最后点击完成即可。

回到我们的数据集页面,检查设置是否完成。

平台更新可能会有几秒延迟,刷新一下页面即可。


STEP4 配置转化事件

配置转化事件有两种方案:

方案一没有代码基础也能轻松设置,适用于基础的官网用户行为监控,如浏览、点击、跳转到指定链接等;
方案二结合meta提供的像素代码标准事件,能处理预约成功、加入购物车、购买成功等需要传递参数(如成交金额、产品名称等内容)的场景,但是需要您有少量代码读写基础。

请根据您的实际业务选择方案。

方案一

点击设置事件:

在打开的弹窗中填入您的网站,点击添加事件

Meta会自动打开您的网站,在页面的左上角,有一个这样的浮窗,

点击“+ 追踪新按钮

按照meta的指引点击你要统计的按钮:

比如我想要统计contact us 按钮的点击情况。

点击contact us

在选中按钮后的浮窗中,决定点击此按钮行为的事件类型,比如我选择了预约

确定即可。

添加所有内容后,点击完成设置

回到Meta后台,我们新设置的事件同步有一定的延迟,等待数据更新后,即可看到我们之前添加的数据。

方案二

Meta现有集成的代码不能满足您的业务需求,这个时候我们需要走标准事件的方案,主要是在GTM里操作;


代码新增一个需要Meta推送数据自定义代码


配置触发回到STEP1完成必要步骤

Facebook常见推送事件对应自定义代码如下复制对应代码输入框保存即可

查看商品详情(仅跨境电商)view_item


<script>
if(typeof fbq !=='undefined'){
// 获取商品数组
var items ={{js - ecommerce_items}};

// 构建Meta需要的格式
var contentIds =[];
var contents =[];

// 处理每个商品
   items.forEach(function(item){
if(item.item_id){
      contentIds.push(item.item_id);
      contents.push({
        id: item.item_id,
title: item.item_name||''
});
}
});

// 推送到Meta
fbq('track','ViewContent',{
    value:{{value}}||0,
currency:'{{currency}}'||'CNY',
content_ids: contentIds,
contents: contents,
content_type:'product'
});
}
</script>

加入购物车(仅跨境电商)add_to_cart

<script>
if(typeof fbq !=='undefined'){
// 获取商品数组
var items ={{js - ecommerce_items}};

// 构建Meta需要的格式
var contentIds =[];
var contents =[];

// 处理每个商品
   items.forEach(function(item){
if(item.item_id){
      contentIds.push(item.item_id);
      contents.push({
        id: item.item_id,
quantity: item.quantity||1,
item_price: item.price||0,
title: item.item_name||'',// 新增:商品名称
        variant: item.item_variant||''// 新增:规格
});
}
});

// 推送到Meta
fbq('track','AddToCart',{
    value:{{value}}||0,
currency:'{{currency}}'||'CNY',
content_ids: contentIds,
contents: contents,
content_type:'product'
});
}
</script>

提交订单(仅跨境电商)begin_checkout

<script>
if(typeof fbq !=='undefined'){
// 获取商品数组
var items ={{js - ecommerce_items}};

// 构建Meta需要的格式
var contentIds =[];
var contents =[];

// 处理每个商品
   items.forEach(function(item){
if(item.item_id){
      contentIds.push(item.item_id);
      contents.push({
        id: item.item_id,
quantity: item.quantity||1,
item_price: item.price||0,
title: item.item_name||'',
variant: item.item_variant||''
});
}
});

// 推送到Meta
fbq('track','InitiateCheckout',{
    value:{{value}}||0,
currency:'{{currency}}'||'CNY',
content_ids: contentIds,
contents: contents,
content_type:'product',
coupon:'{{coupon}}'||''
});
}
</script>

订单支付成功(仅跨境电商)purchase

<script>
if(typeof fbq !=='undefined'){
// 获取商品数组
var items ={{js - ecommerce_items}};

// 构建Meta需要的格式
var contentIds =[];
var contents =[];
var totalDiscount =0;// 计算总优惠

// 处理每个商品
   items.forEach(function(item){
if(item.item_id){
      contentIds.push(item.item_id);
      contents.push({
        id: item.item_id,
quantity: item.quantity||1,
item_price: item.price||0,
title: item.item_name||'',
variant: item.item_variant||''
});

// 累加每个商品的优惠金额
      totalDiscount += item.discount||0;
}
});

// 推送到Meta
fbq('track','Purchase',{
    value:{{value}}||0,
currency:'{{currency}}'||'CNY',
content_ids: contentIds,
contents: contents,
content_type:'product',
transaction_id:'{{transaction_id}}'||'',
discount: totalDiscount,
coupon:'{{coupon}}'||'',
shipping:{{shipping}}||0,
tax:{{tax}}||0
});
}
</script>

例如

预览确认用户进行对应行为时候代码正确触发

点击提交发布最新GTM版本

最后回到meta平台检查推送是否成功留意事件更新可能会半个小时延迟耐心等待刷新页面

如图确认事件统计无误获取参数即安装成功。

或者安装官方插件进行实时页面推送监控

















声明:此篇为凡科建站原创文章,转载请标明出处链接:

以上内容是否解决您的疑问?

联系在线客服 感谢反馈
合作伙伴