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 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.
    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á comotrue如果el correo electronico aparece en una东西德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.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis