Si tienes anuncios de los que desea ver la tasa de conversión o deseas utilizar el seguimiento entre sitios o incluso el seguimiento de marketing de afiliación, en lugar de agregar su etiqueta de Google Analytics a su perfil de WeTravel, Puedes utilizar la siguiente configuración para seguir todo el recorrido del cliente.
Recomendamos contratar a un profesional para configurar esta función en tu sitio web si no tienes la experiencia para hacerlo tú mismo.
Para que el sistema de seguimiento que utilizas en tu sitio web escuche los eventos de WeTravel, debes agregar código al encabezado de su sitio web. Esto permitirá fusionar dos eventos específicos de WeTravel en tu recorrido de cliente original. Los dos eventos son cuando se hace clic en el botón Reservar ahora(Book Now) y cuando se producen las conversiones.
Si un cliente hace clic en un widget integrado de WeTravel, como la ventana emergente de pago (marco secundario), tu sitio web (marco principal) recibirá eventos a través de la función window.postMessage en JS. Además, se enviará otro evento cuando el cliente llegue a la página de confirmación (evento de conversión).
Para integrar esto, necesitas utilizar detectores de eventos que puedan capturar los eventos enviados desde el widget integrado y enviar los eventos de seguimiento correspondientes a tu herramienta de seguimiento. Este enfoque es compatible con cualquier código de seguimiento, incluidos Facebook Pixel, Google Analytics 4 y algunos códigos de marketing de afiliados.
Al agregar el siguiente código a tu encabezado, recuerde reemplazar el ID de seguimiento por el tuyo:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-MTM38NY70C"></script> // TODO: Adjust Tracking Id
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-MTM38NY70C'); // TODO: Adjust Tracking Id
const eventMethod = window.addEventListener
? 'addEventListener'
: 'attachEvent';
const eventer = window[eventMethod];
const messageEvent = eventMethod === 'attachEvent' ? 'onmessage' : 'message';
eventer(messageEvent, (e) => {
var data = e.data;
if (e.data.type === 'bookingConfirmed') {
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,
},
],
});
}
if(e.data.type === 'bookNowClicked') {
gtag('event', 'Book Now Button Click', {
event_category: data.source,
event_label: data.trip_title,
});
}
});
</script>
Facebook Pixel:
<script>
// ######### START initializing Facebook Pixel Code initializing + 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',
fbq('init', 'PIXELID'); // 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';
eventer(messageEvent, (e) => {
var data = e.data;
if (data.type === 'bookingConfirmed') {
// ######### START Tracking Booking Conformation event #########
fbq('track', 'purchase', {
content_ids: [data.trip_uuid],
content_name: data.trip_title,
value: data.total_amount,
currency: data.currency,
});
// ######### END Tracking Booking Conformation event #########
}
if (e.data.type === 'bookNowClicked') {
// ######### START Tracking Book Now Button Click event #########
// ######### You will need to confirm this Custom Event once you recieve the event in your dashboard #########
fbq('trackCustom', 'Book Now Button Click', {
source: data.source,
content_name: data.trip_title,
});
// ######### END Tracking Book Now Button Click event #########
}
});
// ######### END initializing Listener for events #########
</script>
<!-- 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"
src="https://www.facebook.com/tr?id=PIXELID&ev=PageView&noscript=1"/> // update PIXEL ID
</noscript>
FAQ/Preguntas más frecuentes
¿Qué hacer si necesito más ayuda?
Si tú o tu desarrollador no pueden conseguir que el código funcione, escriba a info@wetravel.com con una captura de pantalla del código que estás agregando y el resultado que estás buscando. De esta manera, nuestro equipo de especialistas podrá brindarte ayuda personalizada.
¿Debo agregar también el código Google Analytics 4 a mi perfil de WeTravel?
Recomendamos configurar a un solo método de seguimiento. Configurar ambos (código en su encabezado y agregar su etiqueta GA4 a su perfil de WeTravel) puede generar un doble seguimiento de eventos y, por lo tanto, datos no confiables. Haga clic aquí para aprender cómo conectar su cuenta de Google Analytics a WeTravel.