如何创建 Meta Pixel 像素代码并将其安装到 Shopify 网站？

Meta Pixel 像素是一小段 JavaScript 代码，用于记录你网站上发生的操作。

图源：Meta 事件管理工具

你需要将其安装在你网站上 < head > 标头部分，以便你可以指定访问哪些页面以及哪些操作应触发像素，Pixel 像素代码带有一组预编程的标准事件，但你也可以根据自己的业务目标创建自定义事件，另外需注意的是 Pixel 像素代码并不适用于亚马逊等第三方电商平台类店铺。

图源：Meta 商务管理平台

要创建 Meta Pixel 像素代码，首先前往 Meta 事件管理工具，

图源：Meta 事件管理工具

然后选择页面左侧的关联数据源，

图源：Meta 事件管理工具

在“关联新的数据源”下，选择网站，然后点击关联，

图源：Meta 事件管理工具

为 Pixel 像素代码添加一个描述性名称（不能超过 50 个字符），点击创建 Pixel 像素代码后 Pixel 像素代码便创建完成，之后无法删除，

图源：Meta 事件管理工具

接着输入你的网站网址，然后点击检查以查看简便的合作伙伴集成设置选项，

图源：Meta 事件管理工具

如果网站适用则页面会有如上所示的绿色对勾提示，点击继续，

图源：Meta 事件管理工具

接着选择关联你的网站的方式，有两种关联方案，

你可以选择“转化 API 和 Meta Pixel 像素代码”（系统默认设置选项）或“仅限 Meta Pixel 像素代码”的方式关联网站，然后点击继续，

图源：Meta 事件管理工具

如果你选择“转化 API 和 Meta Pixel 像素代码”的方式，则需要选择设置转化 API 和 Pixel 像素代码的方式：与合作伙伴集成来完成设置、设置转化 API 网关或手动设置，然后点击继续，

图源：Meta 事件管理工具

如果你选择与合作伙伴集成来完成设置，则选择适用你网站的 Meta 合作伙伴并按系统提示说明设置 Pixel 像素代码、转化 API 和事件，

图源：Meta 事件管理工具

以 Shopify 网站为例，选择合作伙伴 Shopify(online) 后，接着需要绑定你的 Shopify 账户到 Facebook，然后点击继续，

图源：Meta 事件管理工具

完成绑定点击发送测试流量以验证绑定关系，

图源：Meta 事件管理工具

如果显示使用中则说明 Pixel 像素代码正常运行，点击继续，

图源：Meta 事件管理工具

到此便设置完成，已通过结合使用转化 API 和 Meta Pixel 像素代码的方式成功关联网站。

图源：Meta 事件管理工具

创建 Pixel 像素代码后，你也可以选择“仅限 Meta Pixel 像素代码”的方式关联网站，点击继续，

图源：Meta 事件管理工具

有两种设置 Pixel 像素代码的方式：手动安装代码或使用合作伙伴集成，

图源：Meta 事件管理工具

如果你使用的是 Shopify 建站，则可以选择使用合作伙伴集成来快速安装 Pixel 像素代码（但你需要有 Meta 业务帐户），

选择系统提示的合作伙伴，点击 Shopify(online)，

图源：Shopify 后台

首先需要将你的 Shopify 帐户绑定至 Facebook，到你的 Shopify 网站后台找到 Facebook 销售渠道，关联 Pixel 像素代码，

图源：Shopify 后台

然后在 Shopify 后台首选项 - 偏好设置，添加 Pixel 像素 ID，

图源：Meta 事件管理工具

完成后，返回 Meta 事件管理工具关联数据源页面，勾选我已完成在shopify上的设置，然后点击继续，

图源：Meta 事件管理工具

接着点击发送测试流量以验证绑定关系，

图源：Meta 事件管理工具

同样的如果显示使用中则说明 Pixel 像素代码正常运行，点击继续，

图源：Meta 事件管理工具

设置完成，已通过合作伙伴集成的方式成功将 Pixel 像素代码安装到网站上，

图源：Meta 事件管理工具

你也可以点击“在事件管理工具中测试事件”，打开测试事件工具，输入你的网站测试浏览器事件，

图源：Meta 事件管理工具

测试信息会在测试事件工具中保留 24 小时，或直至你点击清除事件信息将其清除。

如果你的网站不是托管在 Meta 合作伙伴平台上，则创建 Pixel 像素代码后需要通过复制 Pixel 像素代码至网站来手动设置 Pixel 像素代码。

图源：Meta 事件管理工具

点击手动安装代码，

图源：Meta 事件管理工具

点击复制代码，

图源：Shopify 后台

需确保在你想追踪转化的每个页面上都粘贴 Pixel 像素基代码，

以 Shopify 网站为例，前往网站后台，找到 theme.liquid 文件，将 Pixle 像素基代码粘贴在标头部分的底部，即 < /head > 标签的正上方，然后点击 Save 保存，

图源：Meta 事件管理工具

安装 Pixle 像素基代码后，接着返回事件管理工具新手入门，点击继续以进一步优化 Pixel 像素代码，

图源：Meta 事件管理工具

打开自动高级匹配选择要发送的客户信息，使用客户向你提供的信息（例如邮箱或手机号）把你的网站访客与 Facebook 用户相匹配，这可帮助你把更多转化归因至你的 Facebook 广告，

图源：Meta 事件管理工具

接着可使用事件设置工具快速添加标准事件和参数而无需编写代码，设置完成后返回然后点击继续，

图源：Meta 事件管理工具

如果网站域名未验证，则可点击验证域名，

图源：Meta 事件管理工具

到 Meta 商务管理平台-业务设置以验证域名，

图源：Meta 事件管理工具

最后点击配置网站事件，

图源：Meta 事件管理工具

页面会跳转到事件管理工具，点击管理事件，根据网站实际需求配置网站事件，

图源：Meta 事件管理工具

然后完成设置。

图源：Meta 事件管理工具

Meta Pixel 像素代码设置完成后，每当安装有 Pixel 基代码的页面被加载时，就会调用 fbq('track', 'PageView') ，这将在事件管理工具中作为 PageView 事件进行跟踪。你可以转到事件管理工具，找到你的 Pixel 像素代码并点击其详细信息，如果你看到新的 PageView 事件，则表示你已成功安装 Meta Pixel 像素代码到你的网站上。

另外，将 Meta Pixel 像素代码安装到 Shopify 网站后，其将自动追踪以下事件：

图源：Shopify 帮助中心文档

以上便是如何创建 Meta Pixel 像素代码并将其安装到 Shopify 网站的详细流程介绍。

（来源：公众号One小白）

以上内容属作者个人观点，不代表雨果跨境立场！本文经原作者授权转载，转载需经原作者授权同意。​