Ir al contenido principal

Avanzado: Seguimiento de conversiones de WeTravel con eventos de Google Analytics

Todo lo que necesitas saber si estás utilizando los widgets de reserva de WeTravel y deseas hacer un seguimiento del tráfico entre dominios.

Función Pro: Esta funcionalidad está disponible en el plan Pro. Puedes encontrar más información aquí: ¿Cómo actualizar y manejar tu suscripción de WeTravel?

El Seguimiento Avanzado de Conversiones de WeTravel con Eventos de Google Analytics te permite rastrear y atribuir fácilmente las reservas realizadas desde el botón "Reservar Ahora" (Book Now) a sus fuentes de tráfico originales.

Al integrar el seguimiento de eventos de GA4 con el proceso de pago integrado de WeTravel, puedes capturar información clave, medir la efectividad de tus esfuerzos de marketing y obtener una visión completa del recorrido de tu cliente desde el clic inicial hasta la reserva de un viaje.

Nota: Esta es una función avanzada. Si no tienes la experiencia para hacerlo tú mismo, te recomendamos encarecidamente contratar a un profesional para configurar esta función en tu sitio web.

Eventos Clave Rastreados

Esta integración te permite medir la interacción y la conversión de los clientes al hacer un seguimiento de dos eventos clave:

1. Booking Confirmed (purchase) - Este evento se activa cuando un cliente completa una reserva correctamente. Captura los detalles clave de la transacción:

  • Transaction_id: Un ID único para el seguimiento de la transacción en Google Analytics.

  • Value: El monto total de la compra.

  • Currency and Payment: El método de pago, la opción de pago y la divisa utilizada para la transacción.

  • Items: Incluye detalles del viaje, como el ID, los paquetes, los códigos de descuento, los add-ons y el precio.

  • Traffic Source: La fuente de tráfico original y la URL de la página de reserva.

La Ventaja: El seguimiento de eventos de compra te permite ver exactamente qué esfuerzos de marketing generan reservas, lo que te ayuda a optimizar el gasto en publicidad y a enfocarte en los canales de mayor conversión.

2. Book Now Click (Book Now Button Click) - Este evento se activa cuando un visitante hace clic en el botón de pago integrado "Reservar ahora" (Book Now) en tu sitio web. Captura los siguientes detalles:

  • event_category: buttonWidget

  • event_label: Título del viaje

  • Location: Página web donde se encuentra el botón

  • Referrer: Fuente de tráfico que trajo al visitante a la página

La Ventaja: El seguimiento de los clics en "Reservar ahora" (Book Now) te ayuda a medir el interés de los clientes y a identificar qué canales de marketing generan la mayor interacción. Al comparar los clics con las compras, puedes descubrir los puntos de abandono en el proceso de reserva y mejorar la experiencia del visitante para aumentar las conversiones.

3. Contact & Trip Inquiry Forms - este evento se activa cuando un visitante envía el formulario integrado de Contacto o Consulta de Viaje en tu sitio web. Captura los siguientes datos:

  • type: Consulta enviada

  • event_name: Consulta enviada

  • event_category: Formulario de consulta de viaje | Formulario de contacto

  • trip_name: Título del viaje, o vacío si se trata del formulario de contacto.

  • trip_link: URL pública del viaje, o vacía si se trata del formulario de contacto.

La Ventaja: El seguimiento de los envíos de los formularios de Contacto y Consulta de Viaje te permite identificar qué visitantes están mostrando un interés activo en tu empresa o en un viaje específico. Al registrar estos eventos, puedes medir el interés en una etapa temprana del recorrido del cliente, identificar qué canales de marketing generan consultas de mayor calidad y realizar un seguimiento más eficaz de los posibles viajeros.

Para obtener instrucciones sobre cómo insertar widgets personalizados de WeTravel en tu sitio web, visita la página Integración de Widgets en tu Sitio Web del Centro de Ayuda.


Antes de Empezar

Esta guía asume que tienes:

  • Una cuenta y propiedad de Google Analytics 4 (GA4) ya creadas.

  • Un flujo de datos web configurado para tu sitio web. ([GA4] Set up Analytics for a website and/or app)

  • Que estés usando el proceso de pago integrado de WeTravel con los botones de "Reservar ahora" (Book Now) en tu sitio web. (Cómo agrego un botón de reserva en mi página web)

  • Para realizar el seguimiento de los envíos del Formulario de Contacto y del Formulario de Consulta de Viaje, también necesitarás utilizar los widgets integrados de WeTravel en tu sitio web.

Paso 1: Habilite el Análisis Web Avanzado en WeTravel

  1. Accede a tu perfil de WeTravel.

  2. Desplázate hasta la sección "Configuración de WeTravel Pro" (WeTravel Pro Settings) y haz clic en "Añadir" (Add) junto a Google Analytics.

  3. En la ventana emergente, selecciona "Análisis web avanzado" (Advanced Web Analytics). No es necesario que introduzcas el ID de tu etiqueta de Google aquí, ya que el seguimiento se gestionará mediante el código de tu sitio web.

Haz clic en "Confirmar" (Confirm) para guardar los cambios.

Paso 2: Inserta el Código de Seguimiento en el Encabezado de tu Sitio Web

Para capturar los eventos del widget de WeTravel, necesitas añadir el siguiente fragmento de código JavaScript a la sección <head> del HTML de tu sitio web.

🚨 Recuerda reemplazar G-XXXXXXXXXX por tu ID de medición de GA4 real.

Nota: El script de seguimiento debe colocarse en el encabezado de tu propio sitio web para capturar los eventos de los botones de "Reservar ahora" (Book Now) integrados. No se añadirá a la plataforma de WeTravel.

<!-- Google tag initializing (gtag.js) | TODO: Adjust Tracking Id -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>

<script>
// ######### START configuring GA (ignore if you already have this part) #########
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX'); // TODO: Adjust Tracking Id
// ######### END configuring GA #########

// ######### START initializing Listener for events #########
const eventMethod = window.addEventListener
? 'addEventListener'
: 'attachEvent';
const eventer = window[eventMethod];
const messageEvent = eventMethod === 'attachEvent' ? 'onmessage' : 'message';

eventer(messageEvent, (e) => {
var data = e.data;

if (data.type === 'bookingConfirmed') {
// ######### START initializing Listener for events #########
gtag('event', 'purchase', {
transaction_id: data.order_id,
value: data.total_amount,
currency: data.currency,
items: [
{
affiliation: 'WeTravel',
item_id: data.trip_uuid,
item_name: data.trip_title,
item_category: data.trip_category,
quantity: 1,
price: data.total_amount,
},
],
});
// ######### END Tracking Booking Conformation event #########
}

if (e.data.type === 'bookNowClicked') {
// ######### START Tracking Book Now Button Click event #########
gtag('event', 'Book Now Button Click', {
event_category: data.source,
event_label: data.trip_title,
});
// ######### END Tracking Book Now Button Click event #########
}

if (data.type === "inquirySent") {
// ######### START Custom Form submissions event #########
gtag("event", "Inquiry Sent", {
event_category: data.event_category, // "Trip Inquiry Form" or "Contact Form"
trip_name: data.trip_name,
trip_link: data.trip_link,
});
// ######### END Custom Form submissions event #########
}

});
// ######### END initializing Listener for events #########
</script>

[Opcional] Paso 3: Conectar Google Ads con Google Analytics

Una vez que estés rastreando los eventos de compra en GA4, puedes importarlos a Google Ads como conversiones. Esto te permite medir el impacto directo de tus campañas publicitarias en las ventas.

1. Vincula tus cuentas:

  • En Admin, en la sección de Product Links, haz clic en Google Ads links.

  • Haz clic en Link.

  • Haz clic en Choose Google Ads y luego selecciona las cuentas de Google Ads que quieras vincular. Si no ves la cuenta de Google Ads que quieres vincular, es posible que no tengas los permisos necesarios.

  • Haz clic en Confirm.

2. Habilita el etiquetado automático: Asegúrate de que el etiquetado automático esté habilitado en tu cuenta de Google Ads.

Para una guía detallada y paso a paso, por favor consulta el artículo oficial de ayuda de Google: ➡️ [GA4] Connect Google Ads to Google Analytics


Preguntas más frecuentes (FAQ)

¿Cómo puedo comprobar si el seguimiento está funcionando correctamente?

La mejor manera de comprobarlo es usando los informes de DebugView y Realtime en tu propiedad de Google Analytics 4.

  1. Abre la página de tu sitio web donde está integrado el botón de WeTravel.

  2. En una pestaña separada, abre Google Analytics y navega a Admin > Data display > DebugView.

  3. Vuelve a tu sitio web y haz clic en el botón de "Book Now". Deberías ver que el evento begin_checkout aparece en DebugView.

  4. Si completas una reserva de prueba, el evento purchase también debería aparecer.

¿Tengo que usar los botones de "Book Now" ingresados en mi sitio web para que esto funcione?

Sí. Este método de seguimiento avanzado depende de la comunicación entre el widget de WeTravel y tu sitio web. Solo funciona si el botón o widget de "Book Now" está ingresado directamente en tu sitio. No funcionará si envías a los clientes a una página de viaje alojada en WeTravel a través de un enlace directo (por ejemplo, en wetravel.com).

¿Tengo que utilizar los “Formularios de Contacto” y “Formularios de Consulta de Viaje” integrados de WeTravel en mi sitio web para que esto funcione?

Sí, si quieres realizar un seguimiento de los envíos de formularios de WeTravel utilizando este método avanzado de seguimiento. El código de seguimiento está diseñado para funcionar con los Formularios de Contacto y Formularios de Consulta de Viaje integrados de WeTravel, ya que estos formularios pueden comunicarse con tu sitio web cuando un visitante envía una consulta.

Si quieres realizar un seguimiento de formularios que no son de WeTravel en tu sitio web, como un formulario personalizado o un formulario de otro proveedor, tendrás que configurarlo por separado dentro de tu propio sitio web o herramienta de seguimiento. El código de seguimiento de WeTravel no realizará automáticamente el seguimiento de formularios que no estén gestionados por WeTravel.

Para Google Ads, ¿la URL de la página de confirmación de reserva es la misma para todas las reservas o cambia?

La URL no cambia porque todo el proceso de reserva ocurre dentro del widget emergente de WeTravel en tu sitio web. El cliente nunca abandona tu sitio, por lo que no hay una URL de página de "thank you" única para rastrear.

Solución de problemas comunes

  • Usas Google Tag Manager (GTM) en lugar de la G-tag: El script proporcionado es para una implementación estándar de gtag.js. Esta integración no es compatible con Google Tag Manager (GTM).

  • El seguimiento no funciona para algunos eventos: Vuelve a comprobar que estás usando los botones de "Book Now" ingresados en tu sitio web. Si utilizas enlaces directos a tu página de viaje de WeTravel o registras a un participante en tu viaje manualmente, el script de tu sitio web no rastreará estos eventos.

  • Los eventos no se activan: Confirma que el script de seguimiento incluye tu G-Tag correcta y que está colocado en la sección <head> del HTML de tu sitio web. Si se añade al <body> o <footer>, es posible que no se cargue lo suficientemente pronto como para capturar los eventos correctamente.

  • Los eventos se están registrando dos veces: confirma que has cambiado la configuración a “Advanced Web Analytics”, ubicada en la configuración de tu perfil de WeTravel.

🚨 Importante: Esta función solo puede ser configurada y gestionada por la cuenta principal. Los miembros del equipo no tienen acceso.

¿Ha quedado contestada tu pregunta?