Shopify平台JS转AMP代码格式问题咨询（适配Shopsheriff插件）

云上老周

2026-10-6

解决方案

核心报错原因：你将AMP官方amp-iframe组件脚本和第三方业务脚本的地址合并写到了同一个带custom-element属性的script标签中，违反AMP强制规范，导致AMP框架无法正确加载组件触发报错。
修复操作：
1. 拆分两个脚本的引入，先添加官方AMP iframe组件：
```

<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script>
```
1. 再单独添加你的业务脚本：
```

<script async src="https://onetapsignup.com/otg/shopify-script.js?shop=khuba-llc.myshopify.com"></script>
```
1. 打开Shopsheriff插件后台，找到自定义代码配置项，将上述两段代码添加到头部脚本注入区域，不要直接修改主题源码，避免被插件的自动AMP生成规则覆盖。
2. 保存配置后清空Shopify站点缓存，重新访问页面即可消除报错。
注意：所有带custom-element属性的脚本，src必须指向AMP官方CDN的对应组件地址，不能替换为第三方地址，这是AMP的硬性规则。