如何确定Shopify站点中Facebook Pixel的加载脚本来源？

• 用浏览器开发者工具溯源

  1. 按F12打开Chrome或Firefox的开发者工具，切换到Sources标签页
  2. 在搜索框输入fbq或者Facebook Pixel，找到加载Pixel的脚本文件
  3. 右键点击该脚本，选择「Show Function Definition」，查看调用栈就能追踪到触发加载的源头脚本
  4. 也可以切换到Network标签页，筛选script类型，找到Pixel的加载请求，查看「Initiator」列，直接显示发起加载的脚本

• 在Shopify后台排查

  1. 进入Shopify后台的「Online Store > Themes > Actions > Edit code」，检查theme.liquid等核心模板文件里有没有手动添加的Pixel代码
  2. 打开「Apps」页面，逐个排查已安装应用的设置，看是否有Facebook Pixel相关配置；可以暂时禁用可疑应用，刷新页面后看Pixel是否消失，以此确认来源
  3. 登录Google Tag Manager后台，查看容器里的所有标签，找到包含Facebook Pixel的标签，确认是否由这里触发加载

• 主题代码搜索定位
  在Shopify主题代码编辑器的搜索框里，直接搜索facebook.com/tr（Pixel脚本的常规域名），找到引用该链接的代码位置，就能对应到引入的脚本

内容的提问来源于stack exchange，提问作者Learner