Shopify创建script_tag接口调用成功后checkout页面未加载标签问题
Shopify Script Tag 创建成功但未在结账页加载 排查方案
- 确认
display_scope参数适配需求:你当前传入的order_status取值仅会让脚本加载在付款完成后的订单状态致谢页,如果你需要脚本加载在整个结账流程(收货地址填写、付款等步骤),需要调整display_scope取值,2021-10及以上版本的Shopify API支持传入数组指定多个生效范围,可参考如下请求体修改:
{ "script_tag": { "event": "onload", "src": "my_link_to_script", "display_scope": ["order_status", "checkout"] } }
如果需要脚本在全店铺所有页面生效,可直接将display_scope设置为all。
- 检查店铺结账页脚本权限配置:普通Shopify店铺可进入后台「设置」-「结账」页面,拉至底部的「额外脚本」区域,确认没有限制第三方脚本加载的配置;如果是Shopify Plus店铺,需要提前联系平台客服放开结账页第三方脚本加载限制,否则自定义脚本会被默认拦截。
- 校验脚本链接可用性:
src对应的脚本地址必须为HTTPS协议,可直接在浏览器访问该地址确认不会出现404、502等报错,且没有配置禁止外域引用的限制。 - 排查浏览器拦截问题:打开结账页按下F12打开开发者工具,切换到「控制台」标签查看是否有内容安全策略(CSP)拦截、广告拦截插件拦截的相关报错,如果有CSP拦截提示,需要将脚本所属域名添加到Shopify后台的内容安全策略白名单中。
- 忽略缓存影响:调整配置后可使用浏览器无痕模式访问结账页验证,避免本地缓存导致脚本未即时加载。
内容的提问来源于stack exchange,提问作者Rishabh Verma
相关产品推荐
相关产品推荐

