购买后页面的像素跟踪
如果你的商店安装了一个应用程序,在你的商店结帐时添加了一个购买后页面,那么你在商店上使用的任何自定义像素跟踪都可能无法捕获某些跟踪事件。自定义跟踪像素添加到您的商店其他脚本Box仅跟踪订单状态页面上的事件,该页面位于结帐时的购买后页面之后。如果客户在购买后页面上离开您的商店,则不会跟踪订单状态页面上的任何事件。
为了确保正确捕获转换事件,可以添加一个脚本来跟踪购买后页面上的事件。该脚本还可以跟踪从购买后页面进行的额外购买,例如追加销售。添加购后页面脚本后,需要调整订单状态页面脚本,以忽略已被购后页面脚本捕获的事件。
只有在使用自定义跟踪像素时,才需要更改商店跟踪事件的方式。例如,如果您通过欧宝体育官网入口首页>首选项,那么它已经正确地捕获了购买后页面上的事件。
注意事项
购买后页面附加脚本类似于订单状态页面附加脚本,但有几个关键区别:
- 脚本被添加到购后页面,而不是订单状态页面。
- 该字段只允许使用JavaScript。不接受液体代码。
- 唯一允许的HTML标记是
< >脚本
。 - 该脚本在沙箱中运行,不包含在主页面上。
- 只有当你的商店安装了一个应用程序,可以为你的结帐添加购后页面时,你才能添加购后页面脚本。
在沙箱中运行脚本可确保脚本是安全的,并可用于其预期目的。
Shopify支持不能帮助购买后的页面脚本。如果你需要帮助,那么你可以在Shopify社区或者雇一个Shopify专家。
与订单状态页面上的脚本的兼容性
为了确保像素正确跟踪所有转换事件,在购买后页面和订单状态页面上设置跟踪脚本。要避免对转换事件进行两次计数,可以使用post_purchase_page_accessed
在订单状态页面上运行的脚本中的液体变量。
如果客户登录到购买后页面,然后导航到订单状态页面,则post_purchase_page_accessed
变量返回真正的
。如果客户没有到达购买后页面,则变量返回假
。
例如,您可以在订单状态页面上使用以下格式的脚本:
可用的api
您可以使用JavaScript全局变量为跟踪脚本提供访问所需数据的权限。可访问的数据在窗口。Shopify
。
跟踪购买后页面上的购买行为
要跟踪通过购买后页面进行的其他购买,您可以订阅Shopify.on
事件。
订阅后,只要成功应用购买后更改集,就会发生以下操作:
- 调用处理程序时使用2
订单
类型参数:订单
和过时的顺序
。 - 下面的globals
窗口。Shopify
更新,以便脚本可以使用更新后的数据。
订阅此事件的处理程序的执行时间可能只有500毫秒。确保提前加载您需要的任何依赖项。
添加购后页面脚本
- 从您的Shopify管理,到设置>结帐。
- 在购买后附加脚本字段,输入您的脚本。
- 点击保存。
示例脚本
您可以使用下面的基本脚本模板来帮助您构建自己的购后页面脚本。这个示例脚本使用Google分析来跟踪初始转换,并解释如何跟踪额外的购买。这个示例非常简单,您的最终脚本可能与此不同。
示例脚本文件
订单状态页面的示例脚本:
购买后页面的示例脚本:
参考文献
下表包含通过购买后的附加脚本公开的属性的类型定义窗口。Shopify
:
场 | 定义 |
---|---|
窗口。Shopify | |
商店 | 的店铺详情从下订单的地方。 |
订单 | 的订单详情。 |
pageUrl | 当前页面的URL。 |
wasPostPurchasePageSeen | 客户是否在此结帐期间查看了购买后页面。它将是假 第一次渲染时,和真正的 否则,例如如果页面被重新加载。 |
On (event: string, handler: function): void | 订阅事件 。目前,只有CheckoutAmended 支持Event。 |
关闭(event: string, handler: function):无效 | 取消订阅处理程序 从给定的事件 。目前,只有CheckoutAmended 支持Event。 |
商店 | |
id | 店铺的ID。 |
货币 | 店里的钱进了ISO 4217格式。例如,美元。详情请参阅shop.currency。 |
订单 | |
id | 订单的内部标识符。 |
数量 | 订单名称的整数表示形式。例如:1025。 |
checkoutToken | 结帐的内部标识符。 |
客户 | 的客户与顺序相关联。 |
lineItem | 的行项目对于订单。 |
subtotalPrice | 在应用行项目折扣和购物车折扣后,订单中所有项目的小计价格。这个小计不包括税费(除非税费已经包含在价格中)、运输成本或小费。 |
totalPrice | 订单的总价。 |
货币 | 的ISO 4217订单货币的代码。 |
折扣 | 适用于订单的折扣金额的总和。 |
客户 | |
id | 客户的ID。 |
电子邮件 | 客户的电子邮件地址。 |
acceptsob欧宝娱乐app下载地址Marketing | 客户是否接受了营销。ob欧宝娱乐app下载地址它将是真正的 如果客户接受营销,和ob欧宝娱乐app下载地址假 如果不是。 |
hasAccount | 客户邮件是否与客户帐户关联。它将是真正的 如果电子邮件列在客户帐户上,和假 如果不是。详情请参阅customer.has_account。 |
firstName | 客户的名字。 |
姓 | 客户的姓。 |
ordersCount | 客户所下订单的总数。 |
totalSpent | 客户在所有订单上花费的总金额。 |
LineItem | |
finalLinePrice | 行项目中所有项目的总价格。这个等于line_item.final_price 乘以line_item.quantity 。 |
finalPrice | 行级项目的价格,包括所有行级折扣金额。 |
lineLevelTotalDiscount | 专门应用于行项目的所有折扣的总额。这还不包括添加到购物车中的折扣。 |
optionsWithValues | 从项目的产品选项中选择的值的数组。详情请参阅line_item.options_with_values。 |
originalLinePrice | 在折扣应用之前,该行包含的项目数量的综合价格。这个等于line_item.original_price 乘以line_item.quantity 。 |
originalPrice | 折扣价前的原始价格。 |
价格 | 单行项目的单价。价格反映应用于行项目的任何折扣。仅适用于德国或法国的商店。 |
产品 | 的产品行项目的。 |
属性 | 已添加到购物车的商品的自定义信息数组。更多信息请参考line_item.properties。 |
数量 | 行项目的数量。 |
标题 | 行项目的标题。更多信息请参考line_item.title。 |
变体 | 的变体行项目的。 |
产品 | |
id | 产品ID。 |
类型 | 产品的类型。 |
ProductVariant | |
id | 变体的ID。 |
sku | 变体的SKU。 |
CartDiscount | |
id | 折扣应用程序的内部标识符。 |
代码 | 折扣的代码,如果有的话。 |
类型 | 折扣的类型。可能的值有:自动 ,discount_code ,手册 ,脚本 。 |
量 | 订单价格因折扣而减少的总金额。 |