Skip to main content

如何使用 Shopify 跟踪转化率

This guide is for Shopify only. If you want to know the generic steps for conversion tracking, please check the Advertisers section.

ExoClick 可让您访问全球流量来源、目标定位功能、大数据和统计分析工具，以过滤结果并优化您的营销活动。本手册介绍如何在 ExoClick 网络上跟踪 Shopify 商店的转化率。

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

  • 结账已完成
  • 产品添加到购物车

Before we proceed with the examples, please make sure to have a conversion goal created in your account.

结账完成事件​

如果您想使用 ExoClick Pixel 跟踪功能跟踪 Shopify 商店的购买情况，您可以利用 "checkout_completed "等事件。该事件记录访客完成购买的情况，每次结账都会触发一次。值得注意的是，在此示例中，转换目标的值是动态的。

要在您的 Shopify 商店中添加 "checkout_completed "事件，请按照以下步骤操作：

  1. 进入 Shopify 管理面板中的设置。
  2. 选择 客户活动。
  3. 点击 添加自定义像素。

shopify admin panel

命名好自定义像素后，我们来配置它：

  • 设置营销许可，以遵守 Cookies 政策。

shopify custom pixel panel

  • 添加以下代码
analytics.subscribe('checkout_completed', (event) => {
  const el = document.createElement('script');
  el.setAttribute('src', 'https://a.exoclick.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 custom pixel panel

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

成功结账后，您应该会在 ExoClick 管理面板的收入部分看到转化率以及动态值记录。

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

exoclick admin panel

产品已添加到购物车事件​

product_added_to_cart "事件跟踪客户何时将商品添加到购物车。值得注意的是，在这个示例中，转换目标没有指定值。

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

  • 添加以下代码
analytics.subscribe('product_added_to_cart', (event) => {
  const el = document.createElement('script');
  el.setAttribute('src', 'https://a.exoclick.com/tag_gen.js');
  el.setAttribute('data-goal', 'XXXXXX');

  document.body.appendChild(el);
});
  • 确保将"'XXXXX'"替换为您自己的目标 ID。
  • 最后，按下连接按钮。

连接后，将产品添加到购物车，测试设置。如果一切配置正确，您将在 ExoClick 管理面板中看到转换的反映。

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

exoclick admin panel

额外的活动设置​

If you'd like to set up other types of events, please refer to the Shopify manual Shopify Standard Events Documentation.

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

If you want to find additional information regarding Shopify pixels, please refer to this page: Shopify Pixels Documentation