本教程展示如何通过Google Tag Manager来支持、管理Pixel代码，实现监控统计。

【使用到的网站】

Google Tag Manager（Google跟踪代码管理器，后文简称为GTM），是用于统一管理所有追踪代码（如Google Ads、GA4）的平台，单次配置成功后，后续事件不需要再修改网站代码，是非常方便的管理工具。

如果您同时做谷歌广告投放和搜索优化，建议使用此平台进行统一管理和监控。

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

二、   步骤

STEP1安装GTM代码、预创建参数和事件触发器

请参考此指导完成：如何安装GTM代码_凡科建站

STEP2 登录Meta Business Suite

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

STEP3 创建Pixel基代码

进入后台，如图在所有工具中找到“事件管理工具”：

点击欢迎页面的“连接数据”按钮：

选择网站（web）类型后继续：

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

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

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

创建成功后，在“数据集”中，找到“管理集成”入口：

添加集成工具：

选择类型为“MetaPixel像素代码”：

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

复制代码备用。

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

STEP4 利用GTM插入Pixel基代码

切换到GTM平台，新增一个代码：

代码配置选择“自定义HTML”

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

预览您的代码：

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

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

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

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

最后点击完成即可。

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

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

STEP5 配置转化事件

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

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

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

方案一

点击设置事件：

在打开的弹窗中填入您的网站，点击“添加事件”：

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

点击“+追踪新按钮”：

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

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

点击contactus：

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

确定即可。

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

回到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>

<script>
if (typeof fbq !== 'undefined') {
   // 从数据层获取表单提交的参数
   var formId = '{{FormID}}' || '';
   var formName = '{{FormName}}' || '';
   var value = parseFloat('{{Form_price}}') || 0;
   var currency = '{{currency}}' || 'CNY';

   // 推送到 Meta - 使用标准事件 Lead，如需要统计到其他事件，替换Lead即可
   fbq('track', 'Lead', {
    value: value,
    currency: currency,
    content_name: formName,      // 可选：将表单名称作为内容名称
    form_id: formId,             // 可选：传递表单ID，便于细分
   });
}
</script>

<script>
if (typeof fbq !== 'undefined') {
   // 从数据层获取注册方式
   var method = '{{method}}' || '';

   // 推送到 Meta - 使用标准事件 CompleteRegistration
   fbq('track', 'CompleteRegistration', {
    method: method
   });
}
</script>

例如：

预览确认在用户进行对应行为的时候，代码会被正确触发：

点击提交发布最新的GTM版本。

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

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

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