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
.
- El script se ejecuta en un entorno de prueba y no se incluye en la página principal.
- Solo puedes agregar un script de página posventa si tu tienda tiene instalada una aplicación que agrega una página posventa a tu pantalla de pago.
Ejecutar el script dentro de un entorno de prueba garantiza que el script sea seguro y se utilice para su propósito previsto.
El equipo de atención al cliente de Shopify no puede ayudar con los scripts de la página posventa. Si necesitas ayuda, puedes publicar en laComunidad de Shopifyo contratar a unexperto de Shopify.
Compatibilidad con scripts en la página de estado del pedido
Para asegurarte de que tus píxeles realicen un seguimiento correcto de todos los eventos de conversión, configura scripts de seguimiento tanto en la página posventa como en la página de estado del pedido. Para evitar tener que contar los eventos de conversión dos veces, puedes usar la variable de Liquidpost_purchase_page_accessed
en los scripts que se ejecuten en la página de estado del pedido.
如果联合国cliente供给la pagina posventa您navega hasta la página de estado del pedido, la variablepost_purchase_page_accessed
muestratrue
. Si un cliente no llega a la página posventa, la variable muestrafalse
.
Por ejemplo, puedes usar el siguiente formato para tus scripts en la página de estado del pedido:
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 tipo
Orden
:order
youtdated order
. - Los globales en
window.Shopify
se 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
- Desde tu panel de control de Shopify, ve aConfiguración>Pantalla de pago.
- En el campoScripts adicionales de posventa, introduce tu script.
- 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:
Script de ejemplo para la página posventa:
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á comofalso cuando se procese por primera vez, o comoverdadero si 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 delcontrolador alevento determinado. Actualmente, solo se admite el eventoCheckoutAmended . |
Shop | |
id | La identificación 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 la moneda del pedido. |
discounts | La suma del monto de los descuentos aplicados al pedido. |
Customer | |
id | La identificación del cliente. |
La dirección de correo electrónico del cliente. | |
acceptsMarketing | Si el cliente había aceptado el marketing. Se mostrará comotrue si el cliente acepta el marketing y comofalse si no lo hace. |
hasAccount | Si el correo electrónico del cliente está asociado con una cuenta de cliente. Se mostrará comotrue 如果el correo electronico aparece en una东西德cliente y comofalse si 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_price multiplicado 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_price multiplicado 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. |