已收藏,可在 我的资料库 中查看
关注作者
您可能还需要

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

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

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 商务管理平台

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

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

图源:Shopify 后台

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

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

图源:Shopify 后台

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

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

图源:Meta 事件管理工具

点击手动安装代码,

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

图源:Meta 事件管理工具

点击复制代码,

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

图源:Shopify 后台

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

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

最后点击配置网站事件,

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

图源:Meta 事件管理工具

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

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

图源:Meta 事件管理工具

然后完成设置。

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

图源:Meta 事件管理工具

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

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

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

图源:Shopify 帮助中心文档

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

(来源:公众号One小白)

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

分享到:

--
评论
最新 热门 资讯 资料 帖子 专题 服务 果园 标签 百科 搜索
雨果跨境顾问
独立站顾问-Sandy
雨果跨境官方顾问,OceanWeb新客独家福利:前100名免费送$20广告体验金,点击按钮咨询顾问并领取

收藏

--

--

分享
One小白
分享不易,关注获取更多干货