Shopify 分析与像素

Shopify 像素脚本被 CSP 拦截怎么放行

现象#

控制台报 Refused to load the script,像素完全没有数据。

原因#

  • 主题或应用设置了严格 CSP
  • 未放行分析域名
  • 内联脚本被 script-src 阻止

处理步骤#

  1. 在 CSP 的 script-src 与 connect-src 中加入分析域名
  2. 避免使用 unsafe-inline,改用 nonce
  3. 用 Web Pixel(由 Shopify 托管)减少 CSP 问题
  4. 改完用报告面板确认无拦截

验收标准#

像素脚本正常加载,事件有数据,CSP 报告无相关拦截。

本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。