非Shopify网站如何安装Meta（Facebook）像素代码

您可以使用 Meta Pixel 像素代码追踪网站访客的操作，这即是我们熟知的转化追踪。所追踪到的转化会显示在 Facebook 广告管理工具和 Facebook 事件管理工具中，而您可在此处使用这些转化分析转化漏斗的成效，以及计算广告投资带来的回报。您也可以使用所追踪到的转化定义自定义受众，以便进行广告优化及构建进阶赋能型目录广告营销活动。在您定义自定义受众后，我们便可根据这些受众来识别其他可能转化的 Facebook 用户，并向其投放您的广告。

使用 Pixel 像素代码追踪转化的方式分为三种：

标准事件，即由我们定义且您通过调用 Pixel 像素代码函数进行报告的访客操作
自定义事件，即由您定义且通过调用 Pixel 像素代码函数进行报告的访客操作
自定义转化事件，即通过解析您网站的引用网址而自动追踪到的访客操作

本文档以标准事件来做代码的安装讲解！主要针对自建站相关客户群体！

一、在meta business suite 后台创建像素

1.1 点击【数据源】-【数据集】-【添加】，新建一个pixel；

1.2 输入名称，点击创建；

注：建议用域名/时间的格式，来标记和区分像素

1.3 创建成功后，选中该像素，点击【在事件管理工具中打开】

1.4 选中“收集来自浏览器动态的网站事件”，点击【设置meta pixel像素代码】

1.5 选择手动安装代码，然后复制基础代码；

1.6 点击继续，打开自动高级匹配；

1.7 依次点击“前往pixel像素代码概览”，回到首页。

二、安装像素

Pixel 像素代码是一小段 JavaScript 代码片段，可添加到网站的标头部分。Pixel 像素代码由基代码和事件代码两个部分组成。

2.1 安装基础代码

把前面复制的基础代码粘贴到网站，将 Pixel 像素代码复制粘贴到标头部分的底部，紧靠</head>标签上方。必须在想要追踪转化的每个网页上，安装 Pixel 像素代码的基础代码。

注意：以下基础代码为示例，不可直接复制粘贴用于您的网站！！！

<!-- Meta Pixel Code -->
<script>
!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', '1136342244245568');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1136342244245568&ev=PageView&noscript=1"
/></noscript>
<!-- End Meta Pixel Code -->

2.2 安装事件代码

标准事件是预定义的访客操作，对应与转化相关的常见活动，例如搜索商品、查看商品或购买商品。标准事件支持使用参数，因此您可以添加包含其他事件相关信息的对象，例如商品编号、类别和所购买商品的数量。

同时可参考官方文档：https://developers.facebook.com/docs/meta-pixel/implementation/conversion-tracking

2.2.1 示例

您可以通过调用 Pixel 像素代码的 fbq('track') 函数来追踪所有标准事件，并将事件名称和 JSON 对象（可选）用作其参数。例如，以下是用于追踪访客完成购买事件的函数调用，其中货币和价值为参数：

fbq('track', 'Purchase', {currency: "USD", value: 30.00});

无论是在加载网页，还是访客完成某项操作（例如点击按钮）时，您都可以在网页的开始和结束 <body> 标签之间的任何位置调用 fbq('track') 函数。

例如，如果您想在访客完成购买后追踪标准购买事件，则可在购买确认页面中调用 fbq('track') 函数，如下所示：

<body>
  ...
  <script>
    fbq('track', 'Purchase', {currency: "USD", value: 30.00});
  </script>
  ...
</body>

而如果您想在访客点击购买按钮时追踪标准购买事件，则可将 fbq('track') 函数调用关联到结账页面中的购买按钮，如下所示：

<button id="addToCartButton">Purchase</button>
<script type="text/javascript">
  $('#addToCartButton').click(function() {
    fbq('track', 'Purchase', {currency: "USD", value: 30.00});
  });
</script>

请注意，以上示例使用 jQuery 来触发函数调用，但您可以使用任何想用的方法来触发函数调用。

2.2.2 meta pixel标准事件

您可以使用 Meta Pixel 像素代码的 fbq('track') 函数来追踪下列标准事件。标准事件还支持具有特定对象属性的参数对象，您可借此添加事件的详细信息。

事件名称	事件说明	对象属性	推广对象 custom_event_type 值
AddPaymentInfo	在结账流程中添加支付信息时。用户点击“保存账单信息”按钮。	content_category、content_ids、contents、currency、value可选。	ADD_PAYMENT_INFO
AddToCart	将商品加入购物车时。用户点击“加入购物车”按钮。	content_ids、content_name、content_type、contents、currency、value可选。进阶赋能型目录广告的必要项：contents	ADD_TO_CART
AddToWishlist	将商品添加到心愿单时。用户点击“加入心愿单”按钮。	content_name、content_category、content_ids、contents、currency、value可选。	ADD_TO_WISHLIST
CompleteRegistration	填写完注册表单时。用户提交填写完的订阅或注册表单。	content_name、currency、status、value可选。	COMPLETE_REGISTRATION
Contact	用户通过电话、短信、邮件及聊天等方式与商家联系时。用户提交商品相关问题。	可选。	CONTACT
CustomizeProduct	用户定制商品时。用户选择 T 恤的颜色。	可选。	CUSTOMIZE_PRODUCT
Donate	用户向您的组织或公益事业捐款时。用户将向人道协会的捐款加入购物车。	可选。
FindLocation	用户通过网站或应用搜索您店铺的位置，有意到访实际位置时。用户想在本地商店找到某件特定商品。	可选。	FIND_LOCATION
InitiateCheckout	用户进入结账流程，但结账流程还未完成时。用户点击“结账”按钮。	content_category、content_ids、contents、currency、num_items、value可选。	INITIATE_CHECKOUT
Lead	完成注册时。用户点击“定价”按钮。	content_category、content_name、currency、value可选。	LEAD
Purchase	完成购买或结账流程时。用户已完成购买或结账流程，并登陆到感谢或确认页面。	content_ids、content_name、content_type、contents、currency、num_items、value必要项：currency 和 value进阶赋能型目录广告的必要项：contents 或 content_ids	PURCHASE
Schedule	用户预约前往您的某一个分店。用户选择预约网球课的日期和时间。	可选。	SCHEDULE
Search	进行搜索时。用户在您的网站上搜索商品。	content_category、content_ids、content_type、contents、currency、search_string、value可选。进阶赋能型目录广告的必要项：contents 或 content_ids	SEARCH
StartTrial	用户开始免费试用您提供的商品或服务时。用户选择免费试玩您的游戏一个星期。	currency、predicted_ltv、value可选。	START_TRIAL
SubmitApplication	用户申请您提供的商品、服务或计划时。用户申请信用卡、教育计划或工作。	可选。	SUBMIT_APPLICATION
Subscribe	用户申请开始付费订阅您提供的商品或服务时。用户订阅您的直播服务。	currency、predicted_ltv、value可选。	SUBSCRIBE
ViewContent	访问您关心的网页（例如，商品页面或落地页）。ViewContent 会告诉您是否有用户访问网页的网址，但不会告诉您用户在该页面看到的内容或进行的操作。用户登陆商品详情页面。	content_ids、content_category、content_name、content_type、contents、currency、value可选。进阶赋能型目录广告的必要项：contents 或 content_ids	VIEW_CONTENT

2.2.3 To C 网站相关代码

2.2.3.1 网页浏览事件

描述：访问您重视的内容页面，例如产品或链接页面。使用“查看内容”可以确定用户是否访问过网页URL，但无法告诉您用户在该页面上进行了哪些操作或查看过什么。

< script >
        fbq('track', 'ViewContent');
< /script >

2.2.3.2 添加购物车代码

描述：将项目添加到购物车。示例：单击网站上的“添加到购物车”按钮。

< script >
fbq('track', 'AddToCart' {currency: "USD", value: 30.00});
< /script >

注：这个是加购代码，是onclick单击事件，需要加在Add To Cart这里，然后把货币和价值修改为网站对应的变量。

2.2.3.3 发起结账代码

描述：开始结帐过程。如：单击网站上的checkout“结帐”按钮。

  <script>
 fbq('track', 'InitiateCheckout' {currency: "USD", value: 30.00});
  </script>

注：这个发起结账，也是一个onclick单击事件，加在这里 checkout按钮这里，然后把货币和价值修改为变量。

2.2.3.4 购买完成代码

描述：采购操作已完成，通常代表订单的接收，采购确认或交易收据。例如：购买成功后跳转到“谢谢”或确认页面。

  <script>
    fbq('track', 'Purchase', {currency: "USD", value: 30.00});
  </script>

注：购买成功后跳转到“谢谢”或确认页面，这里是一个浏览事件，可以把代码加在该页面，网站跳转到该页面后触发。

2.2.3 To B 网站相关代码

2.2.3.1 询盘事件（潜在顾客）

描述：客户提交信息，并了解您的企业将来可能会与您联系。例如：提交询盘表单或注册进行试用。

<script>
pintrk('track', 'Lead');
</script>

2.2.3.2 联系事件

描述：客户通过电话，短信，电子邮件，聊天或其他联系方式与您的公司联系。

<script>
fbq('track', 'Contact');
</script>

标准事件是可识别且适用于所有广告产品的默认操作。将这些标准事件添加到像素代码后，您不仅可以记录它们，还可以增加转化次数并吸引广告客户。

如需获取标准事件的完整清单，请访问 Pixel 像素代码标准事件参考文档。请前往 Blueprint 详细了解转化追踪和标准事件。

上一篇 Meta Pixel配置排查手册

下一篇 Facebook Pixel追踪代码安装手册（shopline版）