测试自定义像素代码

创建像素代码后,请对其进行测试以确保在线商店中的客户活动正确触发。查看以下有关自定义像素代码测试和故障排除的提示。

确保已连接自定义像素代码

  1. 在 Shopify 后台中,转至设置 > 客户活动
  2. 在要测试的像素代码的所在行中,确保状态列为已连接
  3. 如果未连接像素代码,请点击 ...,然后点击连接

使用浏览器控制台日志测试自定义像素代码

您可以使用浏览器控制台日志测试自定义像素代码是否加载并已订阅客户活动。检查控制台的步骤取决于您使用的 Web 浏览器。例如,若要了解如何使用 Google Chrome 的控制台,请参阅 Chrome 开发人员控制台概述

清除浏览器缓存可能需要一段时间,因此您可能需要多次检查控制台,或在像素代码加载前使用其他浏览器窗口或设备。

测试自定义像素代码是否正在加载

某些因素(例如 GDPR 设置或第三方脚本)可能会阻止加载像素代码。您可以向像素代码中添加代码片段,以测试像素代码是否正确加载。此代码片段会添加一条可在浏览器的控制台中读取的消息。如果浏览器控制台中显示此消息,则意味着像素代码在您的网站上成功加载。

步骤:

  1. 在 Shopify 后台中,转至设置 > 客户活动
  2. 点击要测试的像素代码,然后在代码部分,在第一行(任何其他代码之前)输入以下语句:console.log("loaded");
  3. 点击保存
  4. 访问您的在线商店,然后使用浏览器控制台确认 console.log 语句已显示。

在像素代码未加载时进行故障排除

如果像素代码在使用 console.log("loaded"); 代码测试后未加载,,则可能是客户隐私设置阻止其加载。

在 Shopify 后台中,转至设置 > 客户隐私,检查 Shopify 后台中可能应用于您的访问的客户隐私设置。根据客户隐私设置,请执行以下步骤:

  • 如果您的地区有需要征得同意的客户隐私设置,请确保您已通过 Cookie 横幅提供同意。
  • 如果您没有阻止像素代码加载的任何客户隐私设置,请清除浏览器的 Cookie 以重置您的 Cookie 横幅并提供同意。

如果您使用第三方工具来管理同意,请联系您的第三方提供商以获取支持。

测试像素代码是否已订阅客户活动

若要测试自定义像素代码是否已订阅客户活动,您可以向自定义像素代码中添加以下代码,将 page_viewed 替换为要测试的活动:

analytics.subscribe("page_viewed", async (event) => { console.log(event); });

步骤:

  1. 在 Shopify 后台中,转至设置 > 客户活动
  2. 点击要测试的像素代码,然后在代码部分,输入客户活动订阅测试代码。
  3. 点击保存
  4. 访问您的在线商店,然后查看浏览器控制台以确认 console.log 语句已显示。

其他故障排除

如果仍不清楚您的自定义像素代码是否正确订阅了客户活动,请尝试以下故障排除措施:

  • 清除浏览器的 Cookie。
  • 如果您要测试标准活动,请查看 Shopify 的标准活动描述开发人员文档,确保执行触发活动的所需步骤。
  • 若要测试自定义活动,请在发布代码前后,通过在 theme.liquid 文件或结账扩展中放置 console.log 语句来验证您的 publish() 代码是否触发。例如:
    console.log("before publish"); Shopify.analytics.publish("my_custom_event", myCustomData); console.log("after publish");

第三方像素代码 SDK 测试

像素代码 SDK(软件开发套件)包含供像素代码收集客户行为信息的工具。您可以测试第三方提供的像素代码 SDK 的以下行为:

测试第三方像素代码 SDK 是否加载

检查网络标签的步骤取决于您使用的 Web 浏览器。例如,若要了解如何在 Google Chrome 上检查您的网络标签,请参阅 Chrome 开发人员检查网络活动文档。

若要测试第三方像素代码 SDK 是否已加载,您首先需要检索第三方提供商的 SDK URL 代码,以将其添加到您的像素代码中。如需支持,请联系第三方像素代码提供商。

步骤:

  1. 在 Shopify 后台中,转至设置 > 客户活动
  2. 点击要测试的自定义像素代码。
  3. 代码部分,在您的像素代码末尾处输入第三方提供商提供的像素代码 SDK。
  4. 点击保存
  5. 访问您的在线商店,然后检查网络标签,确保第三方提供商的 SDK URL 正在下载。
  6. 可选:如果第三方像素代码 SDK 未加载,请查看沙盒中的 JavaScript 运行时错误。例如,在 Chrome 上,您可以选择特定的 iFrame 来查看控制台日志,然后将日志范围缩小到您要测试的特定像素代码。若要详细了解如何检查 Chrome 上的 JavaScript 运行时错误,请参阅 Chrome 的 调试 JavaScript 文档。

如果第三方像素代码 SDK 在测试期间未加载,请联系您的第三方像素代码提供商以获取支持。

其他第三方像素代码 SDK 测试

若要测试第三方像素代码 SDK 是已初始化还是正在收集活动,请参阅第三方像素代码提供商的文档。

若要测试像素代码 SDK 是否正在收集活动,系统可能指示您检查浏览器的网络标签。检查网络标签的步骤取决于您使用的 Web 浏览器。例如,若要了解如何在适用于 Google Chrome 的 Google Chrome 浏览器上检查您的网络标签,请参阅 Chrome 开发人员检查网络活动文档。

准备好开始使用 Shopify 进行销售了吗?

免费试用