💡 Asegúrate de revisar el Registro de cambios para asegurarte de que los eventos que estás rastreando están actualizados.

Cómo se implementa el seguimiento

📒 NOTA

Checkout de Ventrata usando implementación dataLayer según la documentación de Google.

Este artículo proporciona una guía completa para configurar el seguimiento de eventos mediante Google Tag Manager (GTM) y Google Analytics 4 (GA4). Aprenderás a configurar y rastrear varios eventos principales y personalizados, lo que te permitirá capturar interacciones significativas a lo largo del recorrido del cliente en el proceso de checkout.

El sistema de checkout de Ventrata permite a los clientes rastrear las acciones de los usuarios utilizando una combinación de Core Events (Eventos principales) y Eventos personalizados. Estos eventos permiten la recopilación de datos y conocimientos sobre el comportamiento del cliente, lo que permite a los clientes optimizar el proceso de checkout.

Core Events (Eventos principales)

Eventos que siempre se activan independientemente del producto o la configuración del checkout.

Evento	Descripción
`view_item`	activado cuando el cliente visualiza uno o más artículos
`add_to_cart`	activado cuando el cliente añade un producto al carrito
`view_cart`	enviado cuando el cliente visualiza su carrito, revisando los artículos antes de proceder al pago
`begin_checkout`	activado cuando el cliente inicia el proceso de pago
`create_or_update_order`	enviado cuando el cliente introduce su información de pago
`add_payment_info`	activado cuando el cliente introduce su información de pago
`purchase`	activado cuando la transacción se completa y el pago es confirmado

Eventos personalizados

Eventos opcionales que se activan según configuraciones específicas, características del producto e interacciones del cliente.

Evento	Descripción
`view_gift_item`	activado cuando el cliente selecciona Buy as a Gift Card (Comprar como tarjeta de regalo) opción
`gift_added_to_cart`	activado cuando se añade un artículo de regalo al carrito
`select_unit`	activado cuando el cliente selecciona una unidad o categoría específica, como `"Adult"`
`select_date`	enviado cuando el cliente selecciona una fecha para su reserva
`select_time`	activado cuando el cliente elige un horario específico para su reserva
`notify_me`	activado cuando el cliente opta por ser notificado sobre la disponibilidad de un producto agotado
`wait_list_confirmed`	enviado cuando el cliente confirma su lugar en la lista de espera
`upgrade_ticket`	activado cuando el cliente mejora su entrada
`cross-sell`	activado cuando el cliente selecciona un producto adicional para comprar
`select_pickup`	activado cuando el cliente selecciona un punto de recogida para su reserva
`edit_booking`	activado cuando el cliente edita su reserva
`remove_booking`	enviado cuando el cliente elimina una reserva de su carrito

Configuración de GTM

Prerrequisitos:

Un sitio web donde tengas acceso para agregar los códigos de seguimiento GTM y GA4.
Una cuenta de Google Tag Manager y un contenedor configurado para tu sitio web.
Una propiedad de Google Analytics 4 creada en la consola de administración de Google Analytics.

Instalar GTM

Si no has instalado GTM en tu sitio web, sigue las instrucciones proporcionadas por Google.

Configurar la etiqueta de configuración GA4

Crea una nueva etiqueta en GTM del tipo "Google Analytics: Configuración GA4." Configura la etiqueta con tu ID de medición GA4.

Configurar las etiquetas de eventos GA4

Crea etiquetas para cada evento que quieras rastrear (Ver artículo, Evento personalizado, Añadir al carrito, Ver carrito, Iniciar pago, Añadir información de pago, Compra). Para cada etiqueta, establece el 'Event Name (Nombre del evento)' y cualquier 'Event Parameters (Parámetro de evento)' adicional requerido.

Configurar los disparadores

Crea disparadores que activarán las etiquetas respectivas basándose en las interacciones de los usuarios o eventos en tu sitio web.

Cada evento recomendado por Google tiene una configuración de etiqueta de ejemplo como se muestra en este Ejemplo de evento de compra.

📗 CONSEJO

Sigue los pasos en este artículo para configurar Google Tag Manager (GTM) y Google Analytics 4 (GA4).

Glosario

📗 CONSEJO

También recomendamos consultar esta documentación de Google.

Parámetros globales

Parámetro	Descripción	Ejemplo
`event`	nombre del evento rastreado	`"purchase"`
`transaction_type`	valor predeterminado `"ventrata"` se usa para indicar claramente la fuente de la transacción	`"ventrata"`
`custom_timestamp`	marca de tiempo cuando se activó el evento	`"2024-09-13T10:43:29.796Z"`

Parámetros del objeto de comercio electrónico

Parámetro	Descripción	Ejemplo
`event`	nombre del evento rastreado	`"purchase"`
`label`	información asociada con el evento, especialmente con eventos personalizados	`"09:00:00"`
`coupons`	nombre de la promoción / cupón	`"10% discount for online booking (10% OFF)"`
`currency`	moneda de los artículos asociados con el evento	`"EUR"`
`items`	información detallada sobre productos / opciones	Ver Tabla de parámetros de los artículos a continuación
`extras`	información detallada sobre extras	Ver Tabla de parámetros extras a continuación
`value`	valor monetario del evento - ingresos (sin impuestos)	`"199"`
`tax`	impuesto aplicado a la reserva	`"18.08"`
`transaction_id`	identificador único asignado a la transacción	`"3918ba5e-3da8-45ac-8fa1-23fb3949983d"`
`customer`	información detallada sobre los datos de contacto proporcionados por el cliente	Ver Tabla de parámetros del cliente a continuación
`quantity`	cantidad del producto seleccionado	`"5"`
`checkout_mode`	modo de checkout, que puede ser `popup` o `embedded`	`"popup"`
`custom_timestamp`	marca de tiempo cuando se activó el evento	`"2024-09-13T10:43:29.796Z"`
`preferred_locale`	idioma seleccionado por el cliente	`"en"`
`payment_type`	tipo de método de pago utilizado	`"cards"`

Parámetros del artículo

Parámetro	Descripción	Ejemplo
`item_id`	ID de la unidad	`"unit_2b1e6f4e-c69b-40d1-bc2e-31872df4d535"`
`item_name`	nombre del producto en el idioma predeterminado	`"Mount Everest"`
`item_variant`	nombre de la opción en el idioma predeterminado	`"Mount Everest - Ascent to Camp 3"`
`item_category`	nombre de la unidad en el idioma predeterminado	`"Adult - Unskilled"`
`item_category2`	fecha de viaje	`"2023-12-12"`
`item_category3`	hora de viaje	`"09:00:00"`
`item_category4`	tipo de grupo turístico en el idioma predeterminado	`“sunset”`
`product_id`	identificador único asignado al producto	`69f07800-0b30-4824-b462-09a7f19529as`
`option_id`	identificador único asignado a la opción del producto	`69f07800-0b30-4824-b462-09a7f19529as`
`crossSell`	valor booleano que indica si la venta cruzada fue activada	`"FALSE"`
`price`	precio del producto	`"70"`
`discount`	descuento del producto	`"0"`
`quantity`	cantidad del producto	`"2"`
`tax`	impuesto aplicado a la reserva	`"1"`
`multidate`	valor booleano que indica si el producto puede reservarse en varias fechas	`"false"`
`packages`	si el producto es un paquete, se listará un arreglo de productos aquí	Ver Tabla de parámetros de paquetes a continuación
`pickups`	si la recogida está disponible para el cliente, sus detalles se listarán aquí	Ver Tabla de parámetros de paquetes a continuación

Parámetros adicionales

Parámetro	Descripción	Ejemplo
`id`	ID adicional	`"extra_330c1c32-cd9d-4c7c-b216-04857e514c68"`
`name`	nombre adicional en el idioma predeterminado	`"Crampons and Ice-Axe"`
`price`	precio adicional	`"20"`
`quantity`	cantidad adicional	`"2"`

Parámetros del cliente

Parámetro	Descripción	Ejemplo
`first_name`	nombre ingresado en el formulario de contacto	`"John"`
`last_name`	apellido ingresado en el formulario de contacto	`"Doe"`
`email`	correo electrónico ingresado en el formulario de contacto	`"[email protected]"`
`mobile`	número de teléfono ingresado en el formulario de contacto	`"+420123456789"`
`country`	país seleccionado de la lista en el formulario de contacto	`"CZ"`
`postal_code`	código postal ingresado en el formulario de contacto	`"61200"`

Parámetros de paquetes

Parámetro	Descripción	Ejemplo
`item_name`	nombre del producto incluido dentro de un paquete en el idioma predeterminado	`"Kathmandu"`
`item_variant`	nombre de la opción de un producto incluido dentro de un paquete en el idioma predeterminado	`"Kathmandu"`
`item_category`	nombre de la unidad de un producto incluido dentro de un paquete en el idioma predeterminado	`"Person"`
`item_category2`	fecha de viaje dentro de un paquete	`"2024-08-17"`
`item_category3`	hora de viaje dentro de un paquete	`"00:00:00"`
`item_category4`	tipo de grupo turístico dentro de un paquete en el idioma predeterminado	`“sunset”`

Parámetros de preguntas

Parámetro	Descripción	Ejemplo
`questions`	pregunta realizada al cliente en el idioma predeterminado	`"Feedback"`
`answer`	respuesta proporcionada por el cliente a la pregunta	`"Good"`

Parámetros de recogidas

Parámetro	Descripción	Ejemplo
`label`	información asociada con el evento, especialmente con eventos personalizados en el idioma predeterminado	`"Hotel Bishram"`
`item_name`	nombre del punto de recogida en el idioma predeterminado	`"Mount Everest"`
`item_variant`	nombre de la opción para el punto de recogida en el idioma predeterminado	`"Mount Everest - Ascent to Camp 2"`

Prueba de checkout

📗 CONSEJO

Puedes probar el checkout con un producto ficticio y usar tarjetas de prueba de Adyen para pagos con tarjeta.

Implementación del seguimiento de eventos

View_Item (Ver artículo)

Se activa cuando un cliente ve un producto dentro del widget de checkout de Ventrata.
Este evento se activa tan pronto como se abre la ventana de pago (modo pop-up o integrado).
- En modo integrado (embedded), este evento se activa cada vez que el cliente visita la página con el checkout integrado, lo que puede resultar en múltiples view_item eventos durante una sola sesión
- En modo pop-up, este evento se activa cuando el cliente hace clic activamente en el Book Now (Reservar ahora) botón o realiza una acción equivalente para abrir el checkout

Cuerpo del evento

Ejecuta el siguiente código para rastrear el paso Tickets:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
  "event": "view_item",
  "ecommerce": {
      "currency": "EUR",
      "checkout_mode": "popup",
      "items": [
      {
      "item_id": "unit_38d8b24e-89a9-488c-9f51-6981dc56a581",
      "product_id": "69f07800-0b30-4824-b462-09a7f195295b",
      "item_name": "Chitwan National Park",
      "option_id": "DEFAULT",
      "item_variant": "Chitwan National Park",
      "item_category": "6 seater car",
      "price": 400,
      "tax": 0,
      "discount": 0,
      "quantity": 1,
      "extras": [],
      "crossSell": false
      }
      ],
      "extras": []
  },
  "custom_timestamp": "2024-09-13T10:42:23.616Z",
  "preferred_locale": "en",
  "gtm.uniqueEventId": 26
 }
)

View_gift_item (Ver artículo de regalo)

Rastrea cuando el cliente compra un regalo usando el widget.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el enlace Buy as a gift card (Comprar como tarjeta regalo):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
 dataLayer.push({
   "event": "view_gift_item",
   "ecommerce": {
       "currency": "EUR",
       "checkout_mode": "popup",
       "items": [
       {
       "item_id": "unit_38d8b24e-89a9-488c-9f51-6981dc56a581",
       "product_id": "69f07800-0b30-4824-b462-09a7f195295b",
       "item_name": "Chitwan National Park",
       "option_id": "DEFAULT",
       "item_variant": "Chitwan National Park",
       "item_category": "6 seater car",
       "price": 400,
       "tax": 0,
       "discount": 0,
       "quantity": 1,
       "extras": [],
       "crossSell": false
       }
       ],
             "extras": []
       },
       "custom_timestamp": "2024-09-13T10:44:36.549Z",
       "preferred_locale": "en",
       "gtm.uniqueEventId": 31
 })

Gift_added_to_cart (Regalo agregado al carrito)

Se activa cuando un cliente añade un artículo de regalo o tarjeta regalo a su carrito.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en Continue (Continuar) botón (después de seleccionar unidad o cantidad) en el paso Regalo:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
   "event": "gift_added_to_cart",
   "ecommerce": {
       "checkout_mode": "popup",
       "currency": "EUR",
       "items": [
       {
       "item_id": "d75fb204-9bbe-465f-95a2-21945553c95e",
       "item_name": "Gift card",
       "item_variant": "",
       "item_category": "",
       "price": 400,
       "gift_value": 400,
       "gift": true,
       "quantity": 1,
       "extras": [],
       "packages": []
       }
       ],
       "value": 400,
       "tax": 0
   },
   "custom_timestamp": "2024-09-13T10:45:49.204Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 34
 })

Select_unit (Seleccionar unidad)

Este evento se activa cuando el cliente selecciona una unidad (por ejemplo, un tipo específico de entrada o paquete) durante el proceso de checkout.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón más (+) en el paso Tickets:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "select_unit",
   "label": "6 seater car",
   "checkout_mode": "popup",
   "crossSell": false,
   "custom_timestamp": "2024-09-13T10:43:29.796Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 27 
})

Select_date (Seleccionar fecha)

Rastrea cuando el cliente selecciona una fecha para su reserva.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente seleccione una fecha:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "select_date",
   "label": "2024-09-17",
   "product_id": "69f07800-0b30-4824-b462-09a7f195295b",
   "item_name": "Chitwan National Park",
   "option_id": "DEFAULT",
   "item_variant": "Chitwan National Park",
   "checkout_mode": "popup",
   "crossSell": false,
   "custom_timestamp": "2024-09-13T10:43:30.060Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 28 
})

Select_time (Seleccionar hora)

Rastrea cuando el cliente selecciona un intervalo de tiempo para su reserva.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente seleccione un intervalo de tiempo:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "select_time",
   "label": "15:30:00",
   "product_id": "69f07800-0b30-4824-b462-09a7f195295b",
   "item_name": "Chitwan National Park",
   "option_id": "DEFAULT",
   "item_variant": "Chitwan National Park",
   "checkout_mode": "popup",
   "crossSell": false,
   "custom_timestamp": "2024-09-13T10:43:30.060Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 29 
})

Notify_me (Notificarme)

Este evento puede usarse para medir la demanda de ciertas fechas o productos y ayuda a evitar ventas perdidas. Rastrea cuando el cliente opta por ser notificado sobre la disponibilidad del producto para una fecha u hora que actualmente no está disponible.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Notify me (Notificarme):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "notify_me",
   "ecommerce": {
       "checkout_mode": "popup",
       "currency": "CZK",
       "items": [
       {
       "item_id": "unit_38d8b24e-89a9-488c-9f51-6981dc56a581",
       "item_name": "Kathmandu",
       "item_variant": "Kathmandu",
       "item_category": "Adult",
       "item_category2": "2024-09-30",
       "price": 0,
       "quantity": 1,
       "extras": []
       }
       ],
       "value": 0,
       "tax": 0
   },
   "gtm.uniqueEventId": 31
 })

Wait_list_confirmed (Lista de espera confirmada)

Se activa cuando un cliente confirma su lugar en la lista de espera para un producto agotado.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Continue (Continuar):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "wait_list_confirmed",
   "ecommerce": {
       "checkout_mode": "popup",
       "currency": "CZK",
       "items": [
       {
       "item_id": "unit_38d8b24e-89a9-488c-9f51-6981dc56a581",
       "item_name": "Kathmandu",
       "item_variant": "Kathmandu",
       "item_category": "Adult",
       "item_category2": "2024-09-30",
       "price": 0,
       "quantity": 1,
       "extras": []
       }
       ],
       "value": 0,
       "tax": 0
   },
   "customer": {
       "firstName": "Karel",
       "lastName": "Fisher",
       "emailAddress": "[email protected]"
   },
   "gtm.uniqueEventId": 36
 })

Add_to_cart (Añadir al carrito)

Se activa cuando el cliente hace clic en el botón Continue (Continuar) (después de seleccionar unidad, fecha y hora) que identifica la acción que corresponde a añadir un artículo al carrito en el paso Tickets.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Continue (Continuar) :

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "add_to_cart",
   "ecommerce": {
       "checkout_mode": "popup",
       "currency": "EUR",
       "items": [
       {
       "item_id": "unit_38d8b24e-89a9-488c-9f51-6981dc56a581",
       "product_id": "69f07800-0b30-4824-b462-09a7f195295b",
       "item_name": "Chitwan National Park",
       "option_id": "DEFAULT",
       "item_variant": "Chitwan National Park",
       "item_category": "6 seater car",
       "item_category2": "2024-09-17",
       "item_category3": "15:30:00",
       "price": 400,
       "tax": 0,
       "discount": 0,
       "quantity": 1,
       "extras": []
       }
       ],
       "value": 400,
       "tax": 0
   },
   "custom_timestamp": "2024-09-13T10:52:26.206Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 48
 })

Upgrade_ticket (Actualizar boleto)

Este evento se activa cuando el cliente decide actualizar su producto.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Upgrade (Actualizar) en el paso Upgrade Your Experience (Mejorar tu experiencia):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "upgrade_ticket",
   "label": "Kathmandu",
   "checkout_mode": "popup",
   "custom_timestamp": "2024-09-13T10:55:54.310Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 49
 })

📒 NOTA

En caso de actualización, todas las variables posteriores item_name deben contener la información del boleto actualizado en lugar de la original.

Cross-sell (Venta cruzada)

Se activa cuando el cliente selecciona productos o servicios adicionales (venta cruzada) durante el proceso de reserva.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Book Now (Reservar ahora):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "cross-sell",
   "label": "Mount Everest - Breathing course",
   "checkout_mode": "popup",
   "custom_timestamp": "2024-09-13T10:59:54.062Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 72 
})

Select_question (Seleccionar pregunta)

Este evento se activa cuando el cliente responde a una o más preguntas en el paso Preguntas.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente responda a una o más preguntas y haga clic en el botón Continue (Continuar):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "select_question",
   "crossSell": false,
   "questions": [
         {
         "question": "Feedback",
         "answer": "Good"
         }
   ],
   "custom_timestamp": "2024-09-13T10:56:45.071Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 58 
})

Select_date (Seleccionar punto de recogida)

Este evento se activa cuando el cliente selecciona un punto de recogida en el paso Select Pickup (Seleccionar punto de recogida).

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente seleccione un punto de recogida para su reserva y haga clic en el botón Continue (Continuar):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "select_pickup",
   "label": "Hotel Bishram",
   "pickups": [
        {
        "label": "Hotel Bishram",
        "item_name": "Mount Everest",
        "item_variant": "Mount Everest - Ascent to Camp 3"
        }
   ],
   "checkout_mode": "popup",
   "crossSell": false,
   "custom_timestamp": "2024-09-13T10:59:01.871Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 70 
})

View_cart (Ver carrito)

Identifique el evento en su sitio web que corresponde a la visualización del carrito.

Cuerpo del evento

Ejecuta el siguiente código para rastrear la sección Cart Summary (Resumen del carrito) en el paso Checkout:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "view_cart",
   "ecommerce": {
        "currency": "EUR",
        "checkout_mode": "popup",
        "items": [
        {
        "item_id": "unit_38d8b24e-89a9-488c-9f51-6981dc56a581",
        "product_id": "69f07800-0b30-4824-b462-09a7f195295b",
        "item_name": "Chitwan National Park",
        "option_id": "DEFAULT",
        "item_variant": "Chitwan National Park",
        "item_category": "6 seater car",
        "item_category2": "2024-09-13",
        "item_category3": "15:30:00",
        "price": 400,
        "tax": 0,
        "discount": 0,
        "quantity": 1
        }
        ],
        "value": 400,
        "tax": 0
   },
   "custom_timestamp": "2024-09-13T11:01:48.869Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 85 
})

📒 NOTA

Tenga en cuenta que en la versión de escritorio, tanto el evento view_cart y el evento begin_checkout deben activarse desde la página Checkout. En la versión móvil, estas dos secciones están en pantallas separadas, por lo que los view_cart y begin_checkout eventos también se activan desde diferentes pantallas.

Begin_checkout (Inicio del checkout)

Identifique el evento en su sitio web que corresponde al inicio del proceso de checkout.

Cuerpo del evento

Ejecuta el siguiente código para rastrear el paso Checkout:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "begin_checkout",
   "ecommerce": {
        "currency": "EUR",
        "checkout_mode": "popup",
        "items": [
        {
        "item_id": "unit_38d8b24e-89a9-488c-9f51-6981dc56a581",
        "product_id": "69f07800-0b30-4824-b462-09a7f195295b",
        "item_name": "Chitwan National Park",
        "option_id": "DEFAULT",
        "item_variant": "Chitwan National Park",
        "item_category": "6 seater car",
        "item_category2": "2024-09-18",
        "item_category3": "14:30:00",
        "price": 400,
        "tax": 0,
        "discount": 0,
        "quantity": 1
        }
        ],
        "value": 400,
        "tax": 0
   },
   "custom_timestamp": "2024-09-13T11:01:48.870Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 86 
})

📒 NOTA

Tenga en cuenta que en la versión de escritorio, tanto el evento view_cart y el evento begin_checkout deben activarse desde la Checkout página. En la versión móvil, estas dos secciones están en pantallas separadas, por lo que los view_cart y begin_checkout eventos también se activan desde diferentes pantallas.

Edit_booking (Editar reserva)

Se activa cuando el cliente edita su reserva.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Edit (Editar):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "edit_booking",
   "label": "Mount Everest",
   "checkout_mode": "popup",
   "custom_timestamp": "2024-09-13T11:03:14.478Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 105 
})

Remove_booking (Eliminar reserva)

Se activa cuando el cliente elimina su reserva.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Remove (Eliminar):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "remove_booking",
   "label": "Mount Everest",
   "checkout_mode": "popup",
   "custom_timestamp": "2024-09-13T11:05:18.045Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 111 
})

Create _or_update_order (Crear o actualizar pedido)

Se activa cuando el cliente ha completado todos los datos de contacto esenciales, marcado todos los campos obligatorios y continúa con el pago.

Cuerpo del evento

Ejecuta el siguiente código cuando el cliente haga clic en el botón Pay Now (Pagar ahora):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
    "event": "create_or_update_order",
    "ecommerce": {
         "coupons": [],
         "currency": "EUR",
         "checkout_mode": "popup",
         "items": [
         {
         "item_id": "unit_2e1348c9-32c3-478a-9983-395bdd0267c8",
         "product_id": "d60965be-a76a-410f-8e88-2f839aeecfbd",
         "item_name": "Mount Everest - Breathing course",
         "option_id": "1e143307-1ef3-4d3a-8005-b9adb3e54d5b",
         "item_variant": "Camp 2",
         "item_category": "Adult",
         "item_category2": "2024-09-19",
         "item_category3": "00:00:00",
         "crossSell": false,
         "multidate": false,
         "price": 5,
         "tax": 0,
         "discount": 0,
         "quantity": 1,
         "extras": [],
         "packages": []
         }
         ],
         "quantity": 1,
         "extras": [],
         "value": 5,
         "tax":
     },
    "custom_timestamp": "2024-09-13T11:05:48.573Z",
    "preferred_locale": "en",
    "gtm.uniqueEventId": 117 
})

Add_payment_info (Agregar información de pago)

Determina el evento en tu sitio web que corresponde a los clientes que agregan su información de pago durante el proceso de checkout.

Cuerpo del evento

Si no es una página externa, ejecuta el siguiente código cuando el usuario seleccione el método de pago en la página Payment (Pago):

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "add_payment_info",
   "payment_type": "Cards",
   "ecommerce": {
       "currency": "EUR",
       "checkout_mode": "popup",
       "items": [
       {
       "item_id": "unit_2e1348c9-32c3-478a-9983-395bdd0267c8",
       "product_id": "d60965be-a76a-410f-8e88-2f839aeecfbd",
       "item_name": "Mount Everest - Breathing course",
       "option_id": "1e143307-1ef3-4d3a-8005-b9adb3e54d5b",
       "item_variant": "Camp 2",
       "item_category": "Adult",
       "item_category2": "2024-09-19",
       "item_category3": "00:00:00",
       "price": 5,
       "tax": 0,
       "discount": 0,
       "quantity": 1
       }
       ],
       "value": 5,
       "tax": 0
   },
   "custom_timestamp": "2024-09-13T11:05:52.151Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 118 
})

Purchase (Compra)

Identifica el evento en tu sitio web que corresponde a completar una compra.

Cuerpo del evento

Usa el código a continuación cuando la página de agradecimiento se muestra para rastrear una compra exitosa:

dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. 
dataLayer.push({
   "event": "purchase",
   "ecommerce": {
        "currency": "EUR",
        "checkout_mode": "popup",
        "items": [
        {
        "item_id": "unit_2e1348c9-32c3-478a-9983-395bdd0267c8",
        "product_id": "d60965be-a76a-410f-8e88-2f839aeecfbd",
        "item_name": "Mount Everest - Breathing course",
        "option_id": "1e143307-1ef3-4d3a-8005-b9adb3e54d5b",
        "item_variant": "Camp 2",
        "item_category": "Adult",
        "item_category2": "2024-09-19",
        "item_category3": "00:00:00",
        "price": 5,
        "tax": 0,
        "discount": 0,
        "quantity": 1
        }
        ],
        "value": 5,
        "tax": 0,
        "transaction_id": "89f95f70-76e1-4ad1-bb87-64ec957a52b2",
        "transaction_type": "ventrata"
   },
   "customer": {
         "first_name": "Karel",
         "last_name": "Fisher",
         "email": "[email protected]",
         "mobile": "+4201234567899",
         "country": "CZ"
   },
   "custom_timestamp": "2024-09-13T11:09:22.706Z",
   "preferred_locale": "en",
   "gtm.uniqueEventId": 119 
})

📒 NOTA

El 'ID de transacción' es el identificador único preciso asignado a cada pedido. En la Bookings (Reservas) > Orders (Pedidos) en la página, presiona el botón Show Columns (Mostrar columnas) y agrega 'ID' a tu vista. El 'Order ID (ID de pedido)' es el mismo que el 'Transaction ID (ID de transacción)' (Transaction ID = Order ID).

Cómo saber si el Web Checkout está enviando datos

Puedes usar una extensión de navegador que pueda verificar la capa de datos, por ejemplo, Datalyer checker.

Publicar y probar

Después de configurar todas las etiquetas, activadores y parámetros, guarda y publica tu contenedor GTM para que los cambios estén activos en tu sitio web.

Prueba la implementación del seguimiento realizando las acciones relevantes en tu sitio web y verificando si los eventos se están rastreando en GA4.

Verificar datos en GA4

Una vez que los datos se envíen a GA4, inicia sesión en tu propiedad GA4 y navega a la sección de informes.

Utilice Event reports (Informes de eventos) para analizar y verificar que los eventos rastreados se estén registrando correctamente.

Revise y actualice regularmente su contenedor GTM según sea necesario para garantizar un seguimiento preciso y adaptarse a cualquier cambio en su sitio web o en los requisitos de seguimiento de eventos.

Registro de cambios

Última actualización	Registro de cambios
17/09/2024	2.0.2 - lista actualizada de eventos y cuerpos de eventos
18/12/2023	2.0.1 - cantidad añadida bajo comercio electrónico
12/12/2023	2.0.0 - nueva estructura de elementos añadida + preguntas, recogidas, extras
04/08/2023	1.0.4 - añadidos ejemplos concretos de JSON en la documentación
20/07/2023	1.0.3 - información del cliente añadida al evento de compra
29/06/2023	1.0.2 - el precio de un artículo se muestra por unidad (no el total)
28.6.2023	1.0.1 - se añadió 1 al recuento de la cantidad para el evento view_item
22.5.2023	1.0.0 - Primera versión

Guía de seguimiento

Cómo se implementa el seguimiento

Core Events (Eventos principales)

Eventos personalizados

Configuración de GTM

Instalar GTM

Configurar la etiqueta de configuración GA4

Configurar las etiquetas de eventos GA4

Configurar los disparadores

Glosario

Parámetros globales

Parámetros del objeto de comercio electrónico

Parámetros del artículo

Parámetros adicionales

Parámetros del cliente

Parámetros de paquetes

Parámetros de preguntas

Parámetros de recogidas

Prueba de checkout

Implementación del seguimiento de eventos

View_Item (Ver artículo)

View_gift_item (Ver artículo de regalo)

Gift_added_to_cart (Regalo agregado al carrito)

Select_unit (Seleccionar unidad)

Select_date (Seleccionar fecha)

Select_time (Seleccionar hora)

Notify_me (Notificarme)

Wait_list_confirmed (Lista de espera confirmada)

Add_to_cart (Añadir al carrito)

Upgrade_ticket (Actualizar boleto)

Cross-sell (Venta cruzada)

Select_question (Seleccionar pregunta)

Select_date (Seleccionar punto de recogida)

View_cart (Ver carrito)

Begin_checkout (Inicio del checkout)

Edit_booking (Editar reserva)

Remove_booking (Eliminar reserva)

Create _or_update_order (Crear o actualizar pedido)

Add_payment_info (Agregar información de pago)

Purchase (Compra)

Cómo saber si el Web Checkout está enviando datos

Publicar y probar

Verificar datos en GA4

Registro de cambios