售后页面上的像素代码跟踪

• 售后页面自定义脚本将添加到售后页面，而不是订单状态页面。

• 此字段仅允许输入 JavaScript。不接受 Liquid 代码。

• 唯一允许使用的 HTML 标签是  {% endunless %}

  可用 API

  您可以使用 JavaScript 全局变量为跟踪脚本提供所需的数据访问权限。可访问的数据在 window.Shopify 下提供。

  跟踪售后页面上的购买

  若要跟踪通过售后页面进行的其他购买，您可以订阅 Shopify.on 事件。

  订阅后，只要成功应用售后更改集，就会触发以下操作：

  • 系统使用两个 Order 类型的参数 order 和 outdated order 来调用您的处理程序。

  • window.Shopify 下的全局变量将更新，以便脚本可以使用更新的数据。

  订阅了此活动的处理程序可能只有 500 毫秒的执行时间。请确保提前加载您需要的任何依赖项。

  添加售后页面脚本

  1. 在 Shopify 后台中，转到设置 > 结账。

  2. 在售后自定义脚本字段中，输入您的脚本。

  3. 点击保存。

  示例脚本

  您可以使用以下基本脚本模板来协助您构建自己的售后页面脚本。此示例脚本使用 Google Analytics 跟踪初始转化，并说明如何跟踪其他购买。此示例非常简单，您的最终脚本可能与它不同。

  示例脚本文件

  订单状态页面的示例脚本：

   

  售后页面的示例脚本：

   

  参考

  下表包含通过 window.Shopify 向售后自定义脚本公开的属性的类型定义：

  字段	定义
  window.Shopify
  shop	下单商店的详细信息。
  order	订单的详细信息。
  pageUrl	当前页面的 URL。
  wasPostPurchasePageSeen	客户是否在此结账流程中查看了售后页面。如果该页面是第一次显示，则为 true，否则为 false，例如重新加载此页面。
  on(event: string, handler: function): void	订阅事件。目前仅支持 CheckoutAmended 事件。
  off(event: string, handler: function): void	为处理程序取消订阅给定事件。目前仅支持 CheckoutAmended 事件。
  Shop
  id	商店的 ID。
  currency	商店货币采用 ISO 4217 格式，例如 USD。有关更多详细信息，请参阅 shop.currency。
  Order
  id	订单的内部识别码。
  number	订单名称的整数表示形式，例如 1025。
  checkoutToken	结账的内部识别码。
  customer	与订单关联的客户。
  lineItem	订单的订单项目。
  subtotalPrice	应用订单项目和购物车折扣后订单中所有商品的小计价格。小计不包含税费（除非税费已包含在价格中）、发货成本或小费。
  totalPrice	订单的总价。
  currency	订单所用货币的 ISO 4217 代码。
  discounts	应用于订单的折扣总额。
  Customer
  id	客户的 ID。
  email	客户的邮箱。
  acceptsMarketing	客户是否已接受营销。如果客户接受营销，此值将为 true，否则为 false。
  hasAccount	客户邮箱是否与客户账户关联。如果邮箱已在客户账户中列出，此值将为 true，否则为 false。有关详细信息，请参阅 customer.has_account。
  firstName	客户的名字。
  lastName	客户的姓氏。
  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	应用折扣前订单项目的原始价格。
  price	订单项目的单价。该价格反映应用于订单项目的任何折扣。仅适用于位于德国或法国的商店。
  product	订单项目的产品。
  properties	已添加到购物车的商品的一组自定义信息。有关详细信息，请参阅 line_item.properties。
  quantity	订单项目的数量。
  title	订单项目的标题。有关详细信息，请参阅 line_item.title。
  variant	订单项目的多属性。
  Product
  id	产品的 ID。
  type	产品的类型。
  ProductVariant
  id	多属性的 ID。
  sku	多属性的 SKU。
  CartDiscount
  id	折扣应用程序的内部识别码。
  code	折扣码（如果有）。
  type	折扣的类型。可能的值为：automatic、 discount_code、manual 和 script。
  amount	通过折扣所节省的订单价格的总金额。

  Shopify商户官网原文详情：

  Pixel tracking on the post-purchase page

  Caution

  Tracking scripts are advanced customizations that aren't supported by Shopify's support team. Knowledge of web design languages such as HTML, CSS, JavaScript, and Liquid is required. Consider hiring a Shopify expert if you aren't comfortable working with scripts.

  If your store has installed an app that adds a post-purchase page to your store's checkout, then any custom pixel tracking that you use on your store might not capture certain tracking events. Custom tracking pixels that are added to your store's Additional scripts box track events on only the order status page, which comes after the post-purchase page in the checkout. If a customer leaves your store on the post-purchase page, then no events on the order status page are tracked.

  To ensure that you capture conversion events properly, you can add a script that tracks events on the post-purchase page. This script can also track additional purchases that are made from the post-purchase page, such as upsells. After you add a post-purchase page script, you need to adjust your order status page script to ignore events that are already captured by the post-purchase page script.

  You need to change how your store tracks events only if you use a custom tracking pixel. For example, if you set up Google Analytics through Online Store > Preferences, then it already captures events correctly on your post-purchase page.

  Considerations

  The post-purchase page additional script is similar to the order status page additional scripts, but with a few key differences:

  • The script is added to the post-purchase page, not the order status page.

  • The field allows only JavaScript. Liquid code isn't accepted.

  • The only HTML tag allowed is  {% endunless %}

    Available APIs

    You can use JavaScript globals to give tracking scripts access to the data that they need. The accessible data is available under window.Shopify.

    Tracking purchases made on the post-purchase page

    To track additional purchases that are made through the post-purchase page, you can subscribe to the Shopify.on event.

    After you subscribe, the following actions occur whenever a post-purchase changeset is successfully applied:

    • Your handler is called with two Order-type arguments: order and outdated order.

    • The globals under window.Shopify are updated so that the scripts can use the updated data.

    Handlers subscribed to this event can have as little as 500 ms to execute. Make sure to load any dependencies that you need ahead of time.

    Add the post-purchase page script

    1. From your Shopify admin, go to Settings > Checkout.

    2. In the Post-purchase additional scripts field, enter your script.

    3. Click Save.

    Example script

    You can use the following basic script template to help you build your own post-purchase page script. This example script uses Google Analytics to track the initial conversion, and explains how to track additional purchases. This example is very simple and your final script will likely differ from it.

    Example script files

    Example script for the order status page:

     

    Example script for the post-purchase page:

     

    References

    The following table contains the type definitions for the attributes that are exposed to post-purchase additional scripts through window.Shopify:

    Field	Definition
    window.Shopify
    shop	The details of the shop from where the order was placed.
    order	The details of the order.
    pageUrl	The current page's URL.
    wasPostPurchasePageSeen	Whether the customer viewed the post-purchase page during this checkout. It will be true when rendering for the first time, and false otherwise, such as if the page is reloaded.
    on(event: string, handler: function): void	Subscribes to an event. Currently, only the CheckoutAmended event is supported.
    off(event: string, handler: function): void	Unsubscribes handler from the given event. Currently, only the CheckoutAmended event is supported.
    Shop
    id	The ID of the shop.
    currency	The store's currency in ISO 4217 format. For example, USD. For more details, refer to shop.currency.
    Order
    id	The order's internal identifier.
    number	The integer representation of the order name. For example, 1025.
    checkoutToken	The checkout's internal identifier.
    customer	The customer associated with the order.
    lineItem	The line items for the order.
    subtotalPrice	The subtotal price of all the items in the order after both line-item and cart discounts have been applied. The subtotal doesn't include taxes (unless taxes are included in the prices), shipping costs, or tips.
    totalPrice	The total price of the order.
    currency	The ISO 4217 code of the order's currency.
    discounts	The sum of the amount of the discounts applied to the order.
    Customer
    id	The ID of the customer.
    email	The email address of the customer.
    acceptsMarketing	Whether the customer had accepted marketing. It will be true if the customer accepts marketing, and false if not.
    hasAccount	Whether the customer email is associated with a customer account. It will be true if the email is listed on a customer account, and false if not. For more details, refer to customer.has_account.
    firstName	The first name of the customer.
    lastName	The last name of the customer.
    ordersCount	The total number of orders that the customer has placed.
    totalSpent	The total amount that the customer has spent on all orders.
    LineItem
    finalLinePrice	The combined price of all the items in the line item. This is equal to line_item.final_price multiplied by line_item.quantity.
    finalPrice	The price of the line item, including all line-level discount amounts.
    lineLevelTotalDiscount	The total amount of all discounts applied to the line item specifically. This doesn't include discounts that are added to the cart.
    optionsWithValues	An array of selected values from the item's product options. For more details, refer to line_item.options_with_values.
    originalLinePrice	The combined price of the quantity of items included in the line, before discounts were applied. This is equal to line_item.original_price multiplied by line_item.quantity.
    originalPrice	The original price of the line item before discounts were applied.
    price	The unit price of the line item. The price reflects any discounts that are applied to the line item. Available only to stores located in Germany or France.
    product	The product of the line item.
    properties	An array of custom information for an item that has been added to the cart. For more information, refer to line_item.properties.
    quantity	The quantity of the line item.
    title	The title of the line item. For more information, refer to line_item.title.
    variant	The variant of the line item.
    Product
    id	The ID of the product.
    type	The type of the product.
    ProductVariant
    id	The ID of the variant.
    sku	The SKU of the variant.
    CartDiscount
    id	The discount application's internal identifier.
    code	The code of the discount, if it has one.
    type	The type of the discount. Possible values are: automatic, discount_code, manual, and script.
    amount	The total amount that the price of the order is reduced by the discount.

  文章内容来源：Shopify商户官方网站