Facebook追踪代码安装手册（shopify版本）

一、创建pixel像素

注：为了方便后续像素维护和管理，建议使用上面的命名规则；

二、创建的像素，关联广告账户

创建后的像素，需要手动关联广告账户。

操作如下：点击【关联资产】-【其他业务资产】勾选对应的广告账户，点击【添加】

三、事件管理工具配置

点击像素内后面的…【在事件管理工具中打开】

在像素的事件管理后台标签页内，找到设置-启用自动高级匹配模块，点击【网站自动匹配】。

该模块的作用如下：

高级匹配可以帮助您优化Meta广告，从而获得更好的成效。借助高级匹配功能，将经过散列处理的客户信息连同您的Meta Pixel像素代码事件一同发送给我们，这可帮助您将更多转化进行归因，并覆盖更多用户。我们会对网站上的客户信息进行散列处理，然后再将其发送至Meta技术平台，以保护用户隐私。

使用高级匹配功能有助于：

提高归因转化量。我们能够将您网站上发生的转化更多地与Meta用户进行匹配。这有助您了解您的广告对网站转化量的影响。

扩大您的自定义受众规模。我们能更好地将您网站的访客与Meta用户相匹配，扩大您的自定义受众规模。

降低单次转化费用。转化量优化广告系列更加高效，因为我们能更好地识别可能采取期望操作的用户类型，并向他们投放广告。

四、像素安装

1.官方插件【Facebook与Instagram】推荐✨

该插件自带capi功能，集成好Pixel后，选择【最多】最大化利用capi功能；

插件集成会自动集成所有基础电子商务事件，例如查看商品，加购，发起结账，购买等；

该插件对Shopify店铺地址有做限制，中国内陆地区无法使用；

安装教程

2、通过第三方插件集成Meta Pixel

插件集成会自动集成所有基础电子商务事件，例如查看商品，加购，发起结账，购买等；

推荐的三方插件有：

CB追踪 – FB Multi Pixel（付费）

OMEGA Facebook Pixel（免费+付费版）

3、通过客户事件功能模块手动部署代码

此方法集成的像素不具备capi功能

将获取到的meta pixel id在以下代码内metapixel_tag（1个）进行替换后，可直接使用该代码进行数据追踪。

以下代码已集成：商品浏览、添加购物车、发起结账、填写支付信息、完成购买，5个meta广告投放所需标准事件。

!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'metapixel_tag');
fbq('track', 'PageView');
// ViewContent 商品浏览事件
analytics.subscribe("product_viewed", event => {
fbq('track', 'ViewContent', {
content_ids: [event.data.productVariant.product.id],
content_name: event.data.productVariant.product.title,
content_type: 'product_group',
content_category: event.data.productVariant.product.type,
value:event.data.productVariant.price.amount,
currency: event.data.productVariant.currency
});
});
// ViewContent 添加购物车事件
analytics.subscribe("product_added_to_cart",(event) => {
  fbq('track', 'AddToCart', {
    contents:event.data.cartLine.merchandise.product,
    content_ids:[event.data.cartLine.merchandise.product.id],
    content_name:event.data.cartLine.merchandise.product.title,
    content_type: 'product_group',
    num_items:event.data.cartLine.quantity,
    currency:event.data.cartLine.cost.totalAmount.currencyCode,
    value:event.data?.cartLine.cost.totalAmount.amount,   
  });
});
// ViewContent 发起结账
analytics.subscribe("checkout_started",(event) => {
  fbq('track','InitiateCheckout',
  {
  currency:event.data.checkout.currencyCode,
  value:event.data.checkout.totalPrice.amount,
  });
});
//AddPaymentInfo 添加支付信息
analytics.subscribe("payment_info_submitted", (event) => {
  fbq('track', 'AddPaymentInfo',
  {
  currency:event.data.checkout.currencyCode,
  value:event.data.checkout.totalPrice.amount,
  }
  );
});
// 结帐_完成
analytics.subscribe("checkout_completed", event => {
const lineItems = event.data.checkout.lineItems.map(item => ({
id: item.variant.id,
name: item.title,
price: item.variant.price,
quantity: item.quantity
}));
fbq('track', 'Purchase', {
content_ids: lineItems.map(item => item.id),
content_type: 'product',
value: event.data.checkout.totalPrice.amount,
currency: event.data.checkout.totalPrice.currencyCode,
num_items: lineItems.length,
contents: lineItems
});
});

在shopify后台创建客户事件

在shopif后台点击【设置】-【客户事件】，添加自定义像素代码。