迁移像素代码
如果您之前在 theme.liquid、checkout.liquid(仅适用于使用 Shopify Plus 套餐的商店)或结账设置中的其他脚本等位置手动将像素代码添加到您的商店,则您可以迁移像素代码,以便与 Shopify 应用像素代码或自定义像素代码兼容。迁移旧像素代码的一些好处包括:
- 更轻松地访问跟踪客户事件,包括结账事件
- 内置的隐私合规工具
详细了解 Shopify 的像素代码管理器,以及迁移到 Shopify 应用像素代码或自定义像素代码的全部好处。
准备迁移像素代码
为避免客户事件出现重复或缺失的情况,您可以考虑在商店不太繁忙的时段迁移像素代码。
您可以在移除旧像素代码之前或之后连接新的自定义像素代码。在确定迁移工作流时,请考虑以下事项:
- 如果要尽可能避免客户事件缺失的情况,请先连接新的自定义像素代码,然后再移除旧的像素代码。
- 如果您想避免客户事件跟踪出现重复,请先移除旧的像素代码,然后再连接新的自定义像素代码。
迁移旧像素代码以便与应用像素代码兼容
如果同时满足以下两个条件,您就可能需要迁移旧像素代码以与应用像素代码兼容:
- 您已安装可自动收集客户事件的 Shopify 应用像素代码。
- 您也已为没有通过应用像素代码进行跟踪的自定义事件添加了一些其他代码。
在这种情况下,您应按照应用开发者的说明迁移旧像素代码。
将旧像素代码迁移到自定义像素代码
如果同时满足以下两个条件,您就可能需要将旧像素代码迁移到自定义像素代码:
- 您之前安装过手动编写的像素代码,且未安装任何 Shopify 应用。
- 没有满足您的要求的 Shopify 应用像素代码。
步骤
- 创建自定义像素代码,使其订阅所需的标准和自定义客户事件。
-
从 liquid 文件或结账设置中的其他脚本中移除或替换之前添加的所有像素代码。这可能包括以下内容:
- 查找并移除包含 Javascript SDK 的旧像素代码。
- 查找并删除用于收集标准事件的旧像素代码。
- 查找并移除收集非标准事件的旧像素代码。
查找旧像素代码
为了迁移旧像素代码,您需要查找旧像素代码,以便进行移除或修改。大多数像素都有您需要查找的两个组件:
- 基本 Javascript SDK
- 至少一个用于跟踪客户事件的函数
查找像素代码 Javascript SDK 的旧实例
Javascript SDK是一组由每个像素代码提 供的基本代码,用于加载像素代码的函数库。它通常是添加像素代码时需要放在在线商店上的第一个代码片段。
Javascript SDK通常位于标头中,可在 theme.liquid 和结账设置中的 其他脚本中找到。
查找用于收集客户活动的旧像素代码
若要查找用于跟踪客户事件的旧像素代码,您应查看第三方像素代码的文档,了解客户事件的位置,以便了解要搜索什么内容。例如,Meta 公司的像素代码有一个称为 fbq() 的方法,而 Google 像素代码通常使用 gtag() 或 dataLayer.push()。
您通常可以在模板的 liquid 文件中找到此代码,也可以在结账设置的其他脚本中找到。
删除或替换旧像素代码
找到旧像素代码时,您需要将其移除或将其替换为 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");
});