迁移像素

如果您之前曾在 theme.liquidcheckout.liquid(仅限 Shopify Plus 套餐)、结账设置中的自定义脚本偏好设置 页面等位置手动向商店添加过像素,那么您可以迁移像素,使其与 Shopify 应用像素或自定义像素兼容。迁移旧像素的一些好处包括:

  • 更轻松地跟踪客户事件(包括结账事件)。
  • 用于实现隐私合规性的内置工具。
  • 由 Shopify 和像素提供商进行持续的维护和改进。

详细了解 Shopify 的像素管理器,以及迁移到 Shopify 应用像素或自定义像素的全部好处。

从“偏好设置”页面迁移 Meta 和 Google 像素

为符合最新的支付卡行业数据安全标准 (PCI DSS) 的安全标准和法规,您 Shopify 后台中的 Meta 和 Google Analytics 像素管理设置已升级。此更改可确保您的业务和客户信息安全无虞,免受数据泄露和欺诈的侵害。详细了解 Shopify 如何帮助您的商店保持 PCI DSS v4 合规性

为实现最准确的跟踪和最佳绩效,请将像素迁移到以下渠道之一:

  • 将您的 Meta 像素迁移到 Facebook & Instagram 渠道。
  • 将您的 Google Analytics 像素迁移到 Google & YouTube 渠道。

将 Google Analytics 像素迁移到 Google & YouTube 渠道应用

如果您尚未将标签转移到 Google & YouTube 渠道应用,那么它已被转换为自定义像素,以尝试保持您衡量的连续性。这可能会导致 Google Analytics 中的衡量绩效和功能降级。具体来说,您可能会遇到以下影响:

  • 由于事件衡量和标签行为的差异,Google Analytics 中报告的数据可能会发生更改(或在某些情况下丢失)。
  • Google Analytics 的核心功能(例如增强型衡量和跨域名衡量)可能无法正常工作。
  • Tag Assistant 可能无法正常工作,或者可能会错误地报告您的 GA4 标签。
  • Tag Diagnostics 可能无法正确识别您的 GA4 标签,或者可能推荐不适用于您的功能。
  • 您之前添加到“其他 Google Analytics Javascript”部分中的设置将被删除。
  • 您的 Google Analytics 标签的同意处理方式可能会发生更改。

从 theme.liquid、checkout.liquid 或自定义脚本迁移旧像素

从 theme.liquid、checkout.liquid 或“自定义脚本”迁移旧像素时,您可以执行以下任一操作:

为避免客户事件重复或丢失,请考虑在商店的非高峰时段迁移像素。

迁移像素前的准备工作

在决定迁移工作流程时,请考虑以下事项:

  • 如果您想尽量减少任何客户事件的丢失,请在删除旧像素之前连接新的自定义像素。
  • 如果您想避免重复跟踪客户事件,请先删除旧像素,再连接新的自定义像素。
  • 要迁移旧像素,您需要找到旧的像素代码,以便将其删除或进行修改。大多数像素都有两个您需要查找的组件:
    • 基础 Javascript SDK:Javascript SDK 通常放置在您的标头中,可以在 theme.liquid 和您结账设置中的自定义脚本内找到。
    • 用于收集客户事件的旧像素代码:您通常可以在模板的 liquid 文件以及结账设置中的自定义脚本中找到此代码。请参阅您的第三方像素提供商的文档,了解客户事件的位置,以便您知道要搜索的内容。例如,Meta 的像素有一个名为 fbq() 的方法,而 Google 像素通常使用 gtag()dataLayer.push()

迁移旧像素以与应用像素兼容

如果同时满足以下两个条件,您可能需要迁移旧像素以与应用像素兼容:

  • 您已安装可自动收集客户事件的 Shopify 应用像素。
  • 您还为应用像素未跟踪的自定义事件添加了一些其他代码。

在这种情况下,您应按照应用开发者的说明迁移旧像素。

将旧像素迁移为自定义像素

如果同时满足以下两个条件,您可能需要将旧像素迁移为自定义像素:

  • 您之前安装过像素,并且是为其手动编写的代码,没有安装任何 Shopify 应用。
  • 没有满足您要求的 Shopify 应用像素。

您可以在删除旧像素代码之前或之后连接新的自定义像素。

步骤:

  1. 创建自定义像素,用于订阅您所需的标准客户事件和自定义客户事件。
  2. 从您的 liquid 文件或结账设置中的“自定义脚本”中删除或替换任何以前添加的像素代码。这可能包括包含 Javascript SDK、收集标准事件或收集非标准事件的旧像素代码。
  3. 将您的自定义像素添加到您的商店
  4. 连接您的自定义像素

删除或替换旧像素代码

当您找到旧像素代码时,您需要将其删除或替换为 Shopify 的 Shopify.analytics.publish() 方法,具体操作取决于该像素跟踪的事件类型:

  • 您可以删除您找到的所有 Javascript SDK 实例。
  • 如果旧像素正在跟踪标准客户事件,并且您要添加的自定义像素或应用像素支持收集该标准客户事件,那么您应删除其代码。
  • 如果旧像素正在跟踪自定义客户事件,并且您要添加的自定义像素或应用支持收集自定义客户事件,那么您应替换其代码。

以下是一个用于跟踪非标准客户事件的旧像素代码示例:

<script>fbq("trackCustom", "my_custom_event");</script>

以下是可用于替换它的等效代码示例:

<script>Shopify.analytics.publish("my_custom_event");</script>

如果您要创建自定义像素,那么您应包含用于订阅自定义事件的代码,例如以下示例:

analytics.subscribe("my_custom_event", event => {
  fbq("trackCustom", "my_custom_event");
});

迁移后的故障排除

迁移到网页像素代码后,您可能会发现跟踪的事件数量与之前的设置相比存在差异。由于某些机器人不会触发网页像素代码沙盒,因此事件数量出现个位数百分比的下降是正常现象。如果您发现差异较大,请查看本部分以了解可能的原因。

使用以下检查清单帮助确定出现差异的根源:

  • 确认所有预期事件均已触发。
  • 确认旧设置和新设置之间的实现逻辑相同。
  • 确认每个事件只被跟踪 1 次。
  • 确认您比较的数字来自同一分析服务。
  • 确认您的隐私设置与以前的设置匹配。
  • 如果需要收集同意信息,请确认您正在收集该信息。

选择与您遇到的情况相符的问题,然后按照故障排除步骤进行操作。

部分事件未触发。

验证所有预期的事件均已触发。如果事件未触发,则无法对其进行跟踪。

如需进行调试,请将 console.log 添加到您的像素代码中,并在浏览器的开发者工具中检查数据是否正发送给您的分析合作伙伴。如果事件未触发,请检查您的像素代码是否有错误。

事件定义或逻辑已更改。

page_viewedcheckout_started 等事件的定义可能因实现方式而异。例如,如果您以前使用 URL 路径匹配来跟踪产品浏览量,但现在使用的是 Shopify 标准事件,那么结果可能会有所不同。

请确保您的新实现方式与旧实现方式使用的是相同的逻辑。如果实现逻辑不同,那么事件计数预期会出现一些差异。

事件被计数多次。

迁移时的一个常见问题是多次跟踪同一个事件。可以在多个位置跟踪同一个事件,例如您的模板代码、应用或后台中的客户事件部分。如果您以前通过附加脚本checkout.liquid 添加过跟踪代码,那么残留在那里的代码也可能导致重复跟踪。

要检查是否存在重复跟踪的情况,请打开浏览器的开发者工具,并在单次页面加载或事件期间检查是否有向同一分析端点发送的多个请求。

不同分析服务之间的数字存在差异。

不同的分析服务处理和过滤数据的方式不同。有些服务会过滤掉疑似的机器人流量,有些则会估算缺失的数据。请勿在不同的服务之间比较事件计数,即使是处理数据方式存在差异的 Google Analytics 和 GA4 之间也不例外。

若要准确比较结果,请为同一服务创建单独的账户或像素并将其并行运行。

隐私设置阻止了事件。

网页像素代码始终遵循您商店的隐私设置。如果您之前的像素设置未遵循这些设置,那么迁移后,您看到的已跟踪事件数量可能会减少。

在 Shopify 后台中,转至设置 > 客户隐私,然后确认您的设置与之前的配置匹配。

第三方同意工具未同步到 Shopify。

如果您使用第三方同意工具来管理 Cookie 同意,那么对于同意状态未同步到 Shopify 的客户,您的网页像素代码可能不会触发。如果您的同意工具未使用 Customer Privacy API,便会出现这种情况。

若要修复此问题,请确保您的同意工具使用 Customer Privacy API 将同意状态同步到 Shopify。