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小白)
以上内容属作者个人观点,不代表雨果跨境立场!本文经原作者授权转载,转载需经原作者授权同意。