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 el Meta Pixel te permite rastrear y atribuir sin problemas las reservas realizadas en tu página de viaje a tus campañas de publicidad en Facebook e Instagram.
Al integrar tu Meta Pixel con WeTravel, puedes capturar estos eventos clave:
Page View (Página Vista) – cuando un visitante llega a tu sitio web (rastreado globalmente a través de tu fragmento de píxel).
Book Now Button Click (Clic en el Botón Reservar Ahora) – cuando un visitante hace clic en un botón "Reservar Ahora" (Book Now) de WeTravel integrado en tu sitio.
Booking Confirmed (Purchase) (Reserva Confirmada/Compra) – cuando un viajero completa una reserva y un pago a través de tu checkout de WeTravel integrado.
Estos eventos te ayudan a:
Llegar a las personas adecuadas – Vuelve a dirigirte (Retarget) a los visitantes que aterrizaron en tu sitio, hicieron clic en "Reservar Ahora" o completaron una reserva. Crea audiencias similares basadas en acciones de alta intención.
Impulsar más reservas – Usa las ofertas automáticas de Meta para mostrar anuncios a las personas con más probabilidades de realizar acciones significativas, como hacer una compra.
Medir lo que importa – Comprende el impacto total de tus anuncios, desde la primera vista de página hasta la reserva final, y optimiza el retorno de la inversión publicitaria.
Nota: Esta es una característica avanzada. Recomendamos encarecidamente contratar a un profesional para que configure esta función en tu sitio web si no tienes la experiencia necesaria para hacerlo por tu cuenta.
Antes de Empezar
Esta guía asume que tú ya tienes:
Un perfil de Meta Business Manager con un ID de Píxel existente, creado en el Administrador de Eventos. Encuentra las instrucciones sobre cómo configurarlo aquí: Configurar e instalar el Meta Pixel.
Acceso al código HTML de tu sitio web —específicamente a las secciones <head> y <body>— para que puedas añadir los scripts de seguimiento.
Estás utilizando el proceso de pago integrado de WeTravel con botones "Reservar Ahora" (Book Now) en tu sitio web. (Cómo agrego un botón de reserva en tu sitio web)
Implementación
Deberás añadir dos fragmentos de código separados al HTML de tu sitio web: uno en la sección <head> y otro en la sección <body>.
🚨 Importante: En ambos fragmentos, debes reemplazar el marcador de posición XXXXXXXXXXXXXXX con tu ID de Meta Pixel.
Paso 1. Inserta el Código de Seguimiento en el Encabezado de Tu Sitio Web
Para inicializar el Meta Pixel y hacer seguimiento a los eventos de Página Vista (Page View), clic en Reservar Ahora (Book Now Click) y Confirmación de Reserva/Compra (Booking Confirmation/Purchase) desde el widget ingresado de WeTravel, inserta el script completo que se encuentra a continuación en la sección <head> del HTML de tu sitio web.
Nota: El script de seguimiento debe colocarse en el encabezado de tu propio sitio web para capturar eventos de los botones "Reservar Ahora" (Book Now) ingresados. No se añadirá a la plataforma de WeTravel.
Código para la Sección <head>
¡No te olvides! Reemplaza XXXXXXXXXXXXXXX con tu ID real de Meta Pixel.
<script>
// ######### START initializing Facebook Pixel Code + Page View event #########
// (ignore if you already have this part)
!(function (f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function () {
n.callMethod
? n.callMethod.apply(n, arguments)
: n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
})(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', 'XXXXXXXXXXXXXXX'); // Update PIXEL ID
fbq('track', 'PageView');
// ######### END initializing Facebook Pixel Code + Page View event #########
// ######### START initializing Listener for events #########
const eventMethod = window.addEventListener ? 'addEventListener' : 'attachEvent';
const eventer = window[eventMethod];
const messageEvent = eventMethod === 'attachEvent' ? 'onmessage' : 'message';
// ######### END initializing Listener for events #########
eventer(messageEvent, (e) => {
const data = e.data;
// ######### START Tracking Booking Confirmation event #########
if (data.type === 'bookingConfirmed') {
fbq('track', 'Purchase', {
content_ids: [data.trip_uuid],
content_name: data.trip_title,
value: data.total_amount,
currency: data.currency,
});
}
// ######### END Tracking Booking Confirmation event #########
// ######### START Tracking Book Now Click event #########
if (data.type === 'bookNowClicked') {
fbq('trackCustom', 'Book Now Button Click', {
source: data.source,
content_name: data.trip_title
});
}
// ######### END Tracking Book Now Click event #########
});
</script>
Nota: Dado que el evento "Book Now Button Click" (Clic en el Botón Reservar Ahora) es un evento personalizado, es posible que veas una advertencia en el panel de control del Píxel pidiéndote que aceptes este evento para que se incluya en tu panel.
Paso 2. Inserta el Código de Seguimiento en la Sección <body> de tu sitio web
Para asegurar que los eventos de Página Vista (Page View) se rastreen de manera consistente, añade la siguiente etiqueta <noscript> en la parte superior de la sección <body> de tu sitio web.
Código para la Sección <body>
¡No te olvides! Reemplaza XXXXXXXXXXXXXXX con tu ID real de Meta Pixel.
// ###### for <body> tag #########
<!-- START tracking Facebook Pixel no-script Page View event (ignore if you already have this part) -->
<noscript>
<img
height="1"
width="1"
style="display:none"
alt="Facebook Pixel"
/>
</noscript>
Mejores Prácticas
Crea Audiencias Personalizadas (Custom Audiences): Utiliza los datos de los eventos para crear poderosas campañas de retargeting.
Visitantes de Alta Intención (High-Intent Visitors): Crea una audiencia de todos los que activaron el evento Clic en el Botón Reservar Ahora pero no realizaron la Compra. Dirígete a ellos con anuncios que les recuerden completar su reserva.
Reservadores Anteriores (Past Bookers): Crea una audiencia de todos los que activaron el evento Compra para excluirlos de las campañas actuales o para dirigirte a ellos con anuncios de nuevos viajes en el futuro.
Crea Audiencias Similares (Lookalike Audiences): Usa tus datos del evento Compra como fuente para crear una Audiencia Similar. Meta encontrará nuevos usuarios que comparten características con tus clientes existentes, ayudándote a expandir tu alcance a una audiencia altamente relevante.
Optimiza las Campañas de Anuncios para Conversiones: Al configurar tus campañas publicitarias en el Administrador de Anuncios de Meta, elige "Ventas" como tu objetivo y selecciona el evento "Purchase" (Compra) como tu evento de conversión. Esto permite que el algoritmo de Meta optimice la entrega de anuncios a las personas con más probabilidades de reservar un viaje.
Preguntas Frecuentes
¿Dónde encuentro mi ID de Meta Pixel?
Ve al Administrador de Eventos de Meta (Meta Events Manager).
Selecciona tu Cuenta Comercial (Business Account).
Haz clic en Fuentes de Datos (Data Sources) → Píxeles (Pixels), y luego elige tu Píxel.
Tu ID de Píxel (un número de 15 dígitos) aparecerá en la parte superior de la pestaña General (Overview).
¿Cómo pruebo si está funcionando?
Usa la extensión de Chrome Meta Pixel Helper para validar tu configuración:
Instala la extensión de Chrome Meta Pixel Helper.
Visita tu sitio → Confirma que aparece el evento PageView (Página Vista).
Haz clic en un botón Reservar Ahora ingresado → Confirma que se activa el evento personalizado.
(Opcional) Haz una reserva de prueba → Confirma que el evento Purchase (Compra) muestra el monto y la moneda.
Solución de Problemas Comunes
El seguimiento no funciona para algunos eventos: Verifica que estés usando los botones ingresados "Reservar Ahora" en tu sitio web. Si estás utilizando enlaces directos a tu página de viaje de WeTravel o registrando a un participante en tu viaje manualmente, el script en tu sitio web no hará seguimiento a estos eventos.
Los eventos no se están activando (aren't firing): Asegúrate de que el script de Meta Pixel incluya tu ID de Píxel correcto, y de que el script adecuado esté colocado en la sección <head> y el fallback de <noscript> esté colocado en la parte superior de la sección <body> del HTML de tu sitio web.
Se utilizó un ID incorrecto: Asegúrate de estar usando tu ID de Meta Pixel —no tu ID de Dataset ni tu ID de Cuenta de Anuncios. El ID de Píxel es un número de 15 dígitos y debe insertarse en el script para que el seguimiento funcione correctamente. Usar el ID incorrecto evitará que los eventos se activen.
Aviso de Datos y Privacidad
Esta configuración puede implicar el seguimiento de usuarios a través de diferentes dominios y el envío de datos de interacción del usuario a Meta.
⚠️ Asegúrate de que tu uso de Meta Pixel cumpla con las regulaciones de privacidad de datos aplicables a tu región (por ejemplo, GDPR, CCPA):
Implementa un banner de consentimiento de cookies que permita a los usuarios optar por el seguimiento antes de que este comience.
Actualiza tu Política de Privacidad para divulgar el uso de Meta Pixel y cualquier intercambio de datos con terceros.
Para la UE/Reino Unido: Es posible que también debas usar el Modo de Consentimiento (Consent Mode) o integrarte con una Plataforma de Gestión de Consentimiento (CMP).