Skip to main content
Aftersell 自己处理加入购物车,这意味着监视 Shopify 默认购物车请求的分析工具可能看不到它。订阅 SDK 的事件可以恢复追踪,并且比抓取 Ajax API 得到更干净的载荷。 这是商家使用 SDK 最常见的用途。

模式

每个集成都是相同的三行代码:订阅事件、读取载荷、转发给你的工具。
将它粘贴到 Cart settings → Custom script → Initialization。订阅是设置类调用,可以安全地放在最顶部,所以你不需要等待购物车加载。

Klaviyo

请先确保已安装 Klaviyo 站内追踪。这段脚本只触发事件;它不会加载 Klaviyo。

Triple Whale

Google Analytics 4

其他值得追踪的事件

checkout 处理函数中请使用 navigator.sendBeacon。页面即将卸载,普通的 fetch 可能在传输途中被取消。你也无法从这个处理函数取消结账;它是一个通知,不是一道闸门。

需要注意的要点

  • **价格以分为单位。**对于期望小数金额的工具,请除以 100。formatMoney 仅用于显示,所以不要向分析工具发送格式化后的字符串。
  • **数量增加不算 item_added。**现有行从 1 增加到 3 会触发 cart_updated,而不是 item_added。如果你的工具需要看到这个,请在 cart_updated 处理函数中与之前的状态做差异比较。
  • **如果你指的是”已添加”,不要从 cart_updated 追踪。**它在每次变化时都触发,包括移除和数量修改,所以你会多报。
  • **检查重复统计。**如果你的工具已经以其他方式捕获加入购物车,这个脚本会报告两次。上线前请在工具的实时视图中验证。

测试

在追踪调用旁添加一个 console.log,然后打开浏览器控制台并添加一个产品:
如果日志没有出现,说明脚本没有运行,请检查它是否已保存到 Initialization 插槽。如果日志出现但工具中没有任何显示,问题在于工具的载荷格式,而不是 SDK。

后续阅读