如何使用 Shopify 跟踪转化

本指南仅适用于 Shopify。如果您想了解转换跟踪的一般步骤，请查看 广告主部分.

ExoClick 让您可以访问全球流量来源、定向功能、大数据和统计分析工具，以筛选结果并优化您的广告活动。本手册说明如何在 ExoClick 网络上跟踪您 Shopify 商店中的转化。

在本文档中，我们将提供两个事件跟踪示例：

checkout_completed
product_added_to_cart

在继续查看示例之前，请确保已在您的账户中创建 转化目标 。

结账完成事件

如果您想使用 ExoClick Pixel 跟踪来追踪 Shopify 商店中的购买，您可以使用诸如 checkout_completed之类的事件。此事件会在访客完成购买时记录，并且每次结账仅触发一次。需要注意的是，在此示例中，转化目标的值是动态的。

要将 checkout_completed 事件添加到您的 Shopify 商店，请按以下步骤操作：

前往设置在您的 Shopify 管理面板中。

选择 客户事件.

点击 添加自定义像素.

设置 营销权限 ，以符合 Cookies 政策的要求。

添加以下代码：

analytics.subscribe('checkout_completed', (event) => {
  const el = document.createElement('script');
  el.setAttribute('src', 'https://a.magsrv.com/tag_gen.js');
  el.setAttribute('data-goal', 'XXXXX');
  const cost = event.data.checkout.subtotalPrice?.amount || event.data.checkout.totalPrice?.amount;
  el.setAttribute('data-value', cost);

  document.body.appendChild(el);
});

请务必将 'XXXXX' 替换为您自己的目标 ID。

最后，点击连接按钮。

连接后，请使用 Shopify 的测试支付功能进行一次测试购买，以确认一切设置正确。

成功结账后，您应能在 ExoClick 管理后台的收入部分看到转化及记录的动态值。

注意： 转化可能需要几分钟才会显示在您的 ExoClick 管理面板中。

添加到购物车事件

该 product_added_to_cart 事件会在客户将商品添加到购物车时进行跟踪。需要注意的是，在此示例中，转化目标没有分配值。

要进行设置，请按照之前为 checkout_completed 事件概述的相同步骤操作。不过，请注意这次代码会有所不同。

添加以下代码：

analytics.subscribe('product_added_to_cart', (event) => {
  const el = document.createElement('script');
  el.setAttribute('src', 'https://a.magsrv.com/tag_gen.js');
  el.setAttribute('data-goal', 'XXXXXX');

  document.body.appendChild(el);
});

请务必将 'XXXXX' 替换为您自己的目标 ID。
最后，点击连接按钮。

连接后，您可以通过将商品添加到购物车来测试设置。如果一切配置正确，您将在 ExoClick 管理面板中看到转化记录。

注意： 转化可能需要几分钟才会显示在您的 ExoClick 管理面板中。

其他事件设置

如果您想设置其他类型的事件，请参考 Shopify 手册 Shopify 标准事件文档.

注意： 这些事件是定制构建的。如果您想添加更多事件，请注意这将需要您自行进行开发。

如果您想查找有关 Shopify 像素的更多信息，请参阅此页面： Shopify 像素文档

最后更新于 14天前

这有帮助吗？