BigCommerce平台如何在结账页面部署GTM代码？

完全不需要你深入学习GTM相关知识，也不用手动找结账页模板代码，按官方标准路径操作即可：

• 登录你的BigCommerce店铺后台，依次进入「设置」→「高级设置」→「脚本管理器」
• 点击页面右上角「创建脚本」按钮，基础配置按如下设置：
  • 脚本位置选择「页脚」
  • 触发页面选择「特定页面」→ 勾选「订单确认页」（仅在用户完成结账后触发，避免数据重复上报）
  • 脚本类别选择「Analytics」
  • 脚本内容类型选择「脚本」
• 把下方提供的参考代码直接粘贴到脚本内容输入框中，保存即可生效，代码内的占位变量BigCommerce会自动替换成对应订单的真实数据，不需要你手动修改

参考代码如下：

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
    'event': 'purchase-gtm', 
    'ecommerce': {
        'purchase': {
            'actionField': {
                'id': '{{checkout.order.id}}', // 订单号
                'revenue': '{{checkout.order.total.value}}', // 交易总金额（含税费和运费）
                'tax':'{{ecommerce.tax}}',
                'shipping': '{{ecommerce.shipping}}'
            },
           'products': [
            {{#each checkout.order.items}}
            {
                'name': '{{name}}', // 商品名称
                'id': '{{product_id}}', // 商品ID
                'price': '{{price.value}}', // 商品单价
                'brand': '{{brand.name}}', // 商品品牌
                'category': '{{category}}', // 商品分类
                'quantity': '{{quantity}}',
                'variant': '{{sku}}', // 商品SKU（如有多规格对应具体规格编码）
            },
            {{/each}}
        ],
        }
    }
});
</script>

注意事项 #

• 不要修改代码内的事件名purchase-gtm，否则GTM侧会无法匹配到对应上报规则
• 配置完成后可下一笔测试单验证，只需确认GTM后台能收到purchase-gtm事件即配置成功

内容的提问来源于stack exchange，提问作者Milos N.