跳到正文
指南

Shopify 怎么安装 Facebook Pixel:官方应用、客户事件和防重复

更新于 2026-10-23

给 Shopify 安装 Facebook Pixel,最省事的办法是用 Meta 官方的 Facebook & Instagram 应用:连上 Meta 账号、选好像素、定好分享多少数据,不用写代码。下面讲这套流程怎么走,什么情况下才需要自定义像素,为什么不该再往 theme.liquid 里贴代码,以及怎么避免同一个事件发两遍。

开始前准备好这些

  • 店铺没有设访问密码,订阅的是 Basic 或更高的 Shopify 套餐。
  • 有一个 Facebook 公共主页,归属于一个 Meta 业务资产组合 (business portfolio),而且你是这个资产组合的管理员。
  • 先弄清楚以前有没有人往主题里加过像素代码,有没有代理商或别的应用已经在管 Meta 的跟踪。两套设置同时发同样的事件,是事件重复的常见原因。

用 Facebook & Instagram 应用给 Shopify 装 Facebook Pixel

这个应用在 Shopify 后台显示为 Facebook & Instagram,Shopify 帮助中心里叫 Facebook and Instagram by Meta。Shopify 和 Meta 都推荐用它,下一节的数据共享级别也是在它里面设置的。

  • Shopify 后台点销售渠道 (Sales channels),选 Facebook & Instagram,点 Add app,再点 Add sales channel 完成安装。
  • 点 Start setup,再点 Next,然后点 Log in with Facebook 登录。
  • 按提示连上业务资产组合和公共主页,选要开的功能:电商、广告、Meta 像素。
  • 到像素这一步,从列表里选一个现有像素,或者点 Create new 新建。
  • 接受条款,点 Submit 完成。

选客户数据共享级别

数据共享没打开,像素就什么都不发。路径是销售渠道 → Facebook & Instagram → 设置 (Settings),进数据共享设置,打开客户数据共享,选级别,连上像素。打开后,应用会发 PageView、ViewContent、Search、AddToCart、InitiateCheckout、AddPaymentInfo、Purchase 这些事件。

  • Standard (标准):只有像素,从顾客的浏览器里发浏览行为。浏览器的广告拦截插件能把它挡住。
  • Enhanced (增强):像素加 Conversions API,购买事件会从 Shopify 的服务器直接发到 Meta 的服务器,还会分享姓名、邮箱、电话、所在地,用来在 Meta 上匹配顾客。Shopify 说明,服务器之间传的数据不受浏览器广告拦截影响。
  • Maximum (最大):同样是像素加 Conversions API,分享的顾客信息和 Enhanced 一样,并随 Meta 最新的广告技术更新。
  • Meta 建议选 Enhanced 或 Maximum;数据访问设置里,建议选 Always on 而不是 Optimized。
  • Enhanced 和 Maximum 会分享顾客信息,隐私政策里要写清楚你怎么分享顾客数据。
  • 浏览器端像素和服务器端怎么配合、两边的重复怎么处理,见 Conversions API 和 Meta Pixel 的区别。

Shopify 客户事件:应用像素和自定义像素

现在 Shopify 统一在设置 → 客户事件 (Customer events) 里管跟踪代码。客户事件指顾客的操作,比如点链接、加购;像素就是收集这些事件、再转给 Meta 等平台的代码。

  • 应用像素 (app pixel):来自已安装的应用,基于 Shopify 的 Web Pixels API。Facebook & Instagram 应用设置好后,它的像素就会出现在这里。权限和顾客隐私设置由应用决定,商家改不了。
  • 自定义像素 (custom pixel):由开发者手动添加。在设置 → 客户事件里给像素起名,点 Add pixel,贴代码,点 Save,再点 Connect pixel。
  • Shopify 的建议是:有合适的应用像素就用应用像素,找不到才用自定义像素。Meta 这一家,它明确推荐 Facebook & Instagram 渠道。
  • 自定义像素能跟踪结账页和付款后页面的事件。但它跑在沙盒里,不是所有像素代码都能用;需要懂 JavaScript,Shopify 客服也不帮忙写。
  • 自定义像素要先征得顾客同意的,把 Permission 设成 Required。征求同意需要店铺有 Cookie 横幅。

为什么不要再往 theme.liquid 里贴代码

老教程会让你把事件管理工具 (Events Manager) 里的基础代码贴进 theme.liquid,再把购买代码放进 Additional scripts。在现在的 Shopify 上,这条路要么走不通,要么只通一半:

  • 没通过应用、直接填在在线商店 → 偏好设置 (Online Store → Preferences) 里的 Meta 像素,2025 年 2 月起已从这个页面移除。
  • checkout.liquid 已不支持结账的信息、配送、付款三步;感谢页 (Thank you) 和订单状态页 (Order status) 上的 checkout.liquid 和 additional scripts 于 2025 年 8 月 28 日停用。
  • 从那天起,结账设置里的 additional scripts 只能看、不能改。这两个页面上的 script tag,Plus 店铺同日停用,其他套餐 2026 年 8 月 26 日停用。
  • 数据共享级别和随之而来的 Conversions API 都在 Facebook & Instagram 应用里,贴在主题里的代码一样都用不上。
  • Shopify 的迁移指南要求把旧像素迁到应用像素或自定义像素,Meta 像素则迁到 Facebook & Instagram 渠道。

别装两遍

接上应用时旧代码还在,店铺上就有不止一个像素在发同样的事件。Shopify 提醒,这会让报告里出现重复或错误的数据。

  • 连应用之前先删主题里的旧代码:在线商店 → 当前主题 → 编辑代码 (Edit code),打开 theme.liquid,删掉 head 部分里的 Meta 像素代码,点保存。
  • 在其他 liquid 文件里搜 fbq(,这是 Meta 像素代码调用的函数。留下的事件代码会和应用一起触发。
  • 一个像素只用一种方式接。用自定义像素接了 Meta,就别再在应用里连同一个像素,反过来也一样。
  • 如果有代理商或应用在管你的 Meta 广告,问清楚它有没有自己加像素。Shopify 也提到,迁移时常见的问题就是同一个事件被跟踪了不止一次。

装完怎么确认

Shopify 说明过,顾客在店里有操作之后才会有数据。所以自己走一遍:打开商品、加购、进结账,再去 Meta 那边看事件有没有到。

  • 用事件管理工具里的测试事件 (Test events),或者 Meta Ads Data Advisor 插件看事件进来。具体做法见 怎么确认 Meta Pixel 在正常工作。
  • 每个操作应该只有一个事件。点一次出现两个 PageView 或 AddToCart,多半是还有一套旧安装在跑。
  • Pixel Audit 在我们的服务器上用真实浏览器打开你的店铺,走一遍首页、商品、购物车、结账,报告缺失或重复的 Meta 事件。它不下单,看不到 Purchase,也看不到 Conversions API 的事件。

看看商品、购物车、结账页发了哪些 Meta 事件,有没有发两遍。

检查我的 Meta Pixel

常见问题

Shopify 能手动装 Facebook Pixel 吗?
能,在设置 → 客户事件里加自定义像素。但 Shopify 建议有合适的应用像素就用应用像素,Meta 对应的就是 Facebook & Instagram 应用。同一个像素 ID 不要同时用自定义像素和应用像素。
Shopify 的 Facebook 应用会开 Conversions API 吗?
会,选 Enhanced 或 Maximum 级别就会。Standard 只用浏览器端的像素。
用 Meta 像素需要 Shopify Plus 吗?
不需要。Meta 的要求是 Basic 或更高的 Shopify 套餐、店铺没设访问密码、有一个拥有公共主页的业务资产组合。
像素装好了为什么没数据?
先确认应用设置里已经打开客户数据共享。数据要有人用店铺之后才会出现,自己逛一遍,同时在事件管理工具的测试事件里看。

相关指南

资料来源