Seguimiento de píxeles en la página posventa

Si tu tienda ha instalado una aplicación que agrega una página posventa a la pantalla de pago de tu tienda, el seguimiento de píxeles personalizado que utilices en tu tienda podría no capturar ciertos eventos de seguimiento. Los píxeles de seguimiento personalizados que se agregan al cuadro descripts adicionaleshacen un seguimiento de eventos solo en la página de estado del pedido, que viene después de la página posventa en la pantalla de pago. Si un cliente abandona tu tienda en la página posventa, no se hace un seguimiento de ningún evento en la página de estado del pedido.

Para asegurarte de capturar los eventos de conversión correctamente, puedes agregar un script que haga un seguimiento de los eventos en la página posventa. Este script también puede hacer un seguimiento de compras adicionales que se realicen desde la página posventa, como ventas adicionales. Después de agregar un script de página de posventa, debes configurar el script de la página de estado del pedido para que ignore los eventos que el script de la página posventa ya haya capturado.

Debes cambiar la forma en que tu tienda hace un seguimiento de los eventos únicamente si usas un píxel de seguimiento personalizado. Por ejemplo, si configuras Google Analytics a través deTienda online>Preferencias, los eventos ya se capturan correctamente en tu página posventa.

Consideraciones

El script adicional de la página posventa es similar a los scripts adicionales de la página de estado del pedido, pero con algunas diferencias clave:

• El script se agrega a la página posventa, no a la página de estado del pedido.
• El campo solo acepta JavaScript. No se acepta el código Liquid.
• La única etiqueta HTML permitida es{%endif%}

  API disponibles

  Puedes usar globales de JavaScript para permitir que los scripts de seguimiento accedan a los datos que necesitan. Puedes consultar los datos accesibles enwindow.Shopify.

  Hacer un seguimiento de compras realizadas en la página posventa

  Para hacer un seguimiento de compras adicionales que se realicen a través de la página posventa, puedes suscribirte al eventoShopify.on.

  Después de suscribirte, ocurre lo siguiente cada vez que se aplica correctamente un changeset posventa:

  • Tu controlador se ejecuta con dos parámetros de tipoOrden:orderyoutdated order.
  • Los globales enwindow.Shopifyse actualizan para que los scripts puedan usar los datos actualizados.

  Los controladores suscritos a este evento pueden tener tan solo 500 ms para ejecutarse. Asegúrate de cargar las dependencias que necesites por adelantado.

  Agregar el script de la página posventa

  1. Desde tu panel de control de Shopify, ve aConfiguración>Pantalla de pago.
  2. En el campoScripts adicionales de posventa, introduce tu script.
  3. Haz clic enGuardar.

  Scripts de ejemplo

  Puedes usar la siguiente plantilla de script básico para ayudarte a crear tu propio script de página posventa. Este script de ejemplo usa Google Analytics para hacer un seguimiento de la conversión inicial y explica cómo hacer un seguimiento de compras adicionales. Este ejemplo es muy simple y es probable que tu script final sea distinto.

  Archivos de script de ejemplo

  Script de ejemplo para la página de estado del pedido:

  异步src = " https://www.googletagmanager.co <脚本m/gtag/js?id=G-FYNQ742HTX"> 

  Script de ejemplo para la página posventa:

  异步src = " https://www.googletagmanager.co <脚本m/gtag/js?id=G-FYNQ742HTX"> 

  Referencias

  La siguiente tabla contiene las definiciones de tipo para los atributos que se exponen a los scripts adicionales de posventa a través dewindow.Shopify:

  Campo	Definición
  window.Shopify
  shop	Lainformación de la tiendadesde donde se realizó el pedido.
  order	Lainformación del pedido.
  pageUrl	La URL de la página actual.
  wasPostPurchasePageSeen	Si el cliente visualizó la página posventa durante este pago, se mostrará comofalsocuando se procese por primera vez, o comoverdaderosi la página se vuelve a cargar.
  on(event: string, handler: function): void	Se suscribe a unevento. Actualmente, solo se admite el eventoCheckoutAmended.
  off(event: string, handler: function): void	Cancela la suscripción delcontroladoraleventodeterminado. Actualmente, solo se admite el eventoCheckoutAmended.
  Shop
  id	La identificacion de La tienda.
  currency	La moneda de la tienda en formatoISO 4217. Por ejemplo, USD. Para más información, consultashop.currency.
  Order
  id	El identificador interno del pedido.
  number	La representación entera del nombre del pedido. Por ejemplo, 1025.
  checkoutToken	El identificador interno de la pantalla de pago.
  customer	Elclienteasociado al pedido.
  lineItem	Laslíneas de artículopara el pedido.
  subtotalPrice	El precio subtotal de todos los artículos del pedido después de aplicar los descuentos de línea de artículo y del carrito. El subtotal no incluye impuestos (a menos que los impuestos estén incluidos en los precios), costos de envío o propinas.
  totalPrice	El precio total del pedido.
  currency	El códigoISO 4217de del pedido带领一支队伍祝祷。
  discounts	La suma del monto de los descuentos aplicados al pedido.
  Customer
  id	La identificación del cliente.
  email	La dirección de correo electrónico del cliente.
  acceptsMarketing	Si el cliente había aceptado el marketing. Se mostrará comotruesi el cliente acepta el marketing y comofalsesi no lo hace.
  hasAccount	Si el correo electrónico del cliente está asociado con una cuenta de cliente. Se mostrará comotruesi el correo electrónico aparece en una cuenta de cliente y comofalsesi no es así. Para más información, consultacustomer.has_account.
  firstName	El nombre del cliente.
  lastName	El apellido del cliente.
  ordersCount	La cantidad total de pedidos que el cliente ha realizado.
  totalSpent	El monto total que el cliente gastó en todos los pedidos.
  LineItem
  finalLinePrice	El precio combinado de todos los artículos de la línea de artículos. Esto equivale aline_item.final_pricemultiplicado porline_item.quantity.
  finalPrice	El precio de la línea de artículo, incluidos todos los montos de descuento al nivel de línea.
  lineLevelTotalDiscount	El monto total de todos los descuentos aplicados a la línea de artículo específicamente. Esto no incluye descuentos agregados al carrito.
  optionsWithValues	Una serie de valores seleccionados de las opciones de producto del artículo. Para más información, consultaline_item.options_with_values.
  originalLinePrice	El precio combinado de la cantidad de artículos incluidos en la línea, antes de aplicar los descuentos. Esto es igual aline_item.original_pricemultiplicado porline_item.quantity.
  originalPrice	El precio original de la línea de artículo antes de aplicar los descuentos.
  price	El precio unitario de la línea de artículo. El precio refleja cualquier descuento que se aplique a la línea de artículo. Disponible solo para tiendas ubicadas en Alemania o Francia.
  product	Elproductode la línea de artículo.
  properties	Una variedad de información personalizada para un artículo que se ha agregado al carrito. Para más información, consultaline_item.properties.
  quantity	La cantidad de la línea de artículo.
  title	El título de la línea de artículo. Para más información, consultaline_item.title.
  variant	Lavariantede la línea de artículo.
  Product
  id	La identificación del producto.
  type	El tipo de producto.
  ProductVariant
  id	La identificación de la variante.
  sku	El SKU de la variante.
  CartDiscount
  id	El identificador interno de la aplicación del descuento.
  code	El código del descuento, si tiene uno.
  type	El tipo de descuento. Los valores posibles son:automatic,discount_code,manual, andscript.
  amount	El monto total en el que se rebaja el precio de un pedido con el descuento.