Shopify 像素脚本被 CSP 拦截怎么放行
现象#
控制台报 Refused to load the script,像素完全没有数据。
原因#
- 主题或应用设置了严格 CSP
- 未放行分析域名
- 内联脚本被
script-src阻止
处理步骤#
- 在 CSP 的
script-src与connect-src中加入分析域名 - 避免使用
unsafe-inline,改用 nonce - 用 Web Pixel(由 Shopify 托管)减少 CSP 问题
- 改完用报告面板确认无拦截
验收标准#
像素脚本正常加载,事件有数据,CSP 报告无相关拦截。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。