迁移像素代码
如果您之前在 theme.liquid、checkout.liquid(仅 Shopify Plus 套餐)、结账设置中的自定义脚本或偏好设置页面等位置手动将像素代码添加到您的商店,则您可以迁移像素代码,以便与 Shopify 应用像素代码或自定义像素代码兼容。迁移旧像素代码的一些好处包括:
- 更轻松地访问跟踪客户事件,包括结账事件
- 内置的隐私合规工具
- Shopify 和像素代码提供商的连续维护和改进
详细了解 Shopify 的像素代码管理器,以及迁移到 Shopify 应用像素代码或自定义像素代码的全部好处。
本页相关主题
从“偏好设置”页面迁移 Meta 和 Google 像素代码
Shopify 后台中的 Meta 和 Google Analytics 像素代码管理设置将进行升级,以符合最新的支付卡行业数据安性标准 (PCI DSS) 安全性标准和法规。此更改可确保您的业务和客户信息免受数据泄露和欺诈影响。详细了解 Shopify 如何帮助您的商店保持 PCI DSS v4 合规。
如果您通过 Shopify 后台的在线商店>偏好设置页面,设置了 Meta 像素代码或 Google Universal Analytics 标签,那么请执行以下操作之一,以继续跟踪 Meta 和 Google 事件:
若要获得最准确的跟踪和性能,将像素代码迁移到以下渠道之一:
如果您不再需要像素代码进行跟踪,则在 Shopify 后台中转到在线商店 > 偏好设置,从您的商店中删除像素代码。
将 Google Analytics 像素代码迁移到 Google & YouTube 渠道应用
为避免干扰 Google Analytics 测量,建议将 Google Analytics 跟踪代码迁移到 Google & YouTube 渠道应用。如果不将跟踪代码迁移到应用,则跟踪代码将自动转换为自定义像素代码,这可能会导致 Google Analytics 中的测量性能和功能降级。具体来说,预计会出现以下影响:
由于事件测量和跟踪代码行为存在差异,Google Analytics 中报告的数据可能会更改(或者在某些情况下丢失)。
Google Analytics 的核心功能(例如增强测量和跨域名测量)可能无法正常运行。
代码助手可能无法工作,可能会错误地报告您的 GA4 跟踪代码。
代码诊断可能无法正确识别您的 GA4 跟踪代码,或者可能会推荐一些不适用的功能。
您之前添加到“其他 Google Analytics Javascript”部分的设置将被删除。
Google Analytics 跟踪代码的同意处理可能会发生变化。
迁移 Google Analytics 像素代码
在 Google & YouTube 渠道应用中,您跟踪的像素代码称为跟踪代码。若要从偏好设置页面迁移 Google 跟踪代码,您首先需要在商店中安装并设置 Google & YouTube 渠道应用。
根据您是否使用 Google Analytics 4 (GA4),请按照其中一组步骤迁移您的 Google Analytics 像素代码:
如果您尚未设置 Google Analytics,请按照相应步骤通过 Google & YouTube 渠道应用设置 Google Analytics。系统将为以下电子商务事件自动配置 GA 跟踪代码: - view_item - add_to_cart - begin_checkout - 购买 - 搜索 - add_payment_info - page_view。
如果您已在使用 Google Analytics,请按照相应步骤确认并设置您的 Google 评估 ID。
确认并设置您的 Google 测量 ID 步骤
转到 https://analytics.google.com/,登录您的 Google Analytics 4 账户,然后查找您的测量 ID。
在您的 Shopify 后台中,转至销售渠道 > Google & YouTube。
在 Google Analytics 属性部分,查找您的 Google Analytics 测量 ID。
- 如果您的 Google Analytics 账户中的测量 ID 与 Google & YouTube 渠道应用概览页面上的测量 ID 匹配,则继续执行第 4 步。
- 如果两个地点的测量 ID 都不匹配,则在 Google & YouTube 渠道应用中,用测量 ID 设置 Google Analytics,然后继续第 4 步。
删除您的 Google Analytics 像素:
- 在 Shopify 后台中,转至在线商店 > 偏好设置。
- 在 Google Analytics 部分,点击更改。
- 删除 UA 标签。
- 点击保存。
将 Meta 像素代码迁移到 Facebook & Instagram 渠道
若要从偏好设置页面迁移 Meta 像素代码,您需要在商店中安装并设置 Facebook & Instagram 渠道应用。迁移 Meta 像素代码的步骤取决于您的当前像素代码配置。
检查当前 Meta 像素代码配置
- 在 Shopify 后台中,转至在线商店 > 偏好设置。
- 在 Facebook Pixel 部分,检查像素代码 ID。
- 可选:如果您的现有像素代码已连接到 Facebook & Instagram 渠道,则在 Shopify 后台的单独标签页中,转到销售渠道 > Facebook & Instagram。
- 点击设置,然后在共享数据部分中检查像素代码 ID。
- 比较偏好设置页面和 Facebook & Instagram 渠道中的像素代码 ID,检查它们是否相同,然后相应地迁移 Meta 像素代码。
迁移 Meta 像素代码
根据您的当前 Meta 像素代码配置,执行以下操作来迁移您的像素代码:
- 如果偏好设置页面和 Facebook & Instagram 渠道中的像素代码 ID 匹配,则无需任何操作。
- 如果偏好设置页面和 Facebook & Instagram 渠道中的像素代码 ID 不同,请按照**“偏好设置”和 Facebook & Instagram 渠道中的像素代码不同**步骤。
- 如果只有偏好设置页面中有像素代码 ID,并且您还没有连接到 Facebook & Instagram 渠道的像素代码 ID,请按照**仅“偏好设置”**步骤。
“偏好设置”和 Facebook & Instagram 渠道中的不同像素代码
如果偏好设置页面和 Facebook & Instagram 渠道中的像素代码 ID 不同,请先确定要继续使用的像素代码 ID。
若要继续使用连接到 Facebook & Instagram 渠道的像素代码 ID,请在“偏好设置”页面中删除其他像素代码 ID:
- 在 Shopify 后台中,转至在线商店 > 偏好设置。
- 在 Facebook Pixel 部分,点击删除删除像素代码。
- 点击保存。
若要继续使用“偏好设置”页面的 Facebook Pixel 部分中的像素代码 ID,请从 Facebook & Instagram 渠道中删除其他像素代码 ID,然后将它替换为“偏好设置”页面中的像素代码:
- 从偏好设置页面的 Facebook Pixel 部分复制像素代码 ID。
- 转到销售渠道 > Facebook & Instagram > 设置。
- 在共享数据部分,点击更改。
- 将像素代码 ID 更改为偏好设置页面中显示的像素代码 ID。
仅在“偏好设置”中的像素代码
如果只有偏好设置页面中有像素代码 ID,并且您还没有连接到 Facebook & Instagram 渠道的像素代码 ID,请从偏好设置页面复制该像素代码,然后在 Facebook & Instagram 渠道中创建 Meta 像素代码。在步骤 7 中,粘贴偏好设置页面中的像素代码 ID 。
从 theme.liquid、checkout.liquid 或自定义脚本迁移旧像素代码
从 theme.liquid、checkout.liquid 或自定义脚本迁移旧像素代码时,您可以执行以下任一操作:
为避免客户事件出现重复或缺失的情况,可以考虑在商店不太繁忙的时段迁移像素代码。
准备迁移像素代码
在确定迁移工作流时,请考虑以下事项:
- 如果要尽可能避免客户事件缺失的情况,请先连接新的自定义像素代码,然后再移除旧的像素代码。
- 如果您想避免客户事件跟踪出现重复,请先移除旧的像素代码,然后再连接新的自定义像素代码。
- 为了迁移旧像素代码,您需要查找旧像素代码,以便进行移除或修改。大多数像素都有您需要查找的两个组件: - 基本 Javascript SDK:Javascript SDK 通常位于标头中,可在 theme.liquid 和结账设置中的自定义脚本中找到。 - 用于收集客户事件的旧像素代码:您通常可以在模板的 liquid 文件中找到此代码,也可以在结账设置的自定义脚本中找到。请参阅第三方像素代码提供商的文档,了解客户事件的位置,以便了解要搜索什么内容。例如,Meta 像素代码有一个称为 fbq() 的方法,而 Google 像素代码通常使用 gtag() 或 dataLayer.push()。
迁移旧像素代码以便与应用像素代码兼容
如果同时满足以下两个条件,您就可能需要迁移旧像素代码以与应用像素代码兼容:
- 您已安装可自动收集客户事件的 Shopify 应用像素代码。
- 您也已为没有通过应用像素代码进行跟踪的自定义事件添加了一些其他代码。
在这种情况下,您应按照应用开发者的说明迁移旧像素代码。
将旧像素代码迁移到自定义像素代码
如果同时满足以下两个条件,您就可能需要将旧像素代码迁移到自定义像素代码:
- 您之前安装过手动编写的像素代码,且未安装任何 Shopify 应用。
- 没有满足您的要求的 Shopify 应用像素代码。
您可以在移除旧像素代码之前或之后连接新的自定义像素代码。
步骤:
- 创建自定义像素代码,使其订阅所需的标准和自定义客户事件。
- 从 liquid 文件或结账设置的自定义脚本中移除或替换之前添加的所有像素代码。这可能包括包含 Javascript SDK、收集标准事件或收集非标准事件的旧像素代码。
- 将自定义像素代码添加到您的商店。
- 连接您的自定义像素代码。
删除或替换旧像素代码
找到旧像素代码时,您需要将其移除或将其替换为 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"); });