Configurar los markups a través de Google Tag Manager (GTM)

¿Qué son los scripts?

El script es un término usado en programación para hablar de los fragmentos de código usados para dar forma a herramientas. Algunos ejemplos de Scripts que podríais tener en el motor podrían ser: 

• Conexión con Google Hotel Ads si realizáis campañas (free booking links no es necesario).

• Integraciones con widgets de comparación (The Hotels Network, 123compare.me, Triptease)

• Integraciones con chatbots para que se vean en el motor (Hijiffy, Quicktext)

• Píxeles para poder registrar los resultados de campañas en Facebook

• Cambios de estilos vía CSS (cambios de colores o tipografía de motor). En la nueva versión del motor, los cambios de estilos se gestionarán directamente a través del gestor del Back Office, con las opciones predefinidas que allí se ofrezcan.

¿Qué es Google Tag Manager (GTM) y cómo funciona?

Es un sistema totalmente externo al motor. Es una manera centralizada de poder incidir en ciertos funcionamientos del motor de forma externa.

El nuevo Google Analytics 4 (GA4) se gestiona a través de GTM. Aquí podréis ver el email donde os informábamos de esto.

Es un sistema de gestión de etiquetas que te permite actualizar tu página web, el motor de reservas o una aplicación móvil de forma rápida y sencilla, con códigos de seguimiento y fragmentos de código relacionados con los que se denomina de forma conjunta etiquetas.

Google Tag Manager funciona con un único fragmento de código JavaScript que añades a tu web como contenedor de todas las etiquetas que quieras gestionar. Cuando un usuario activa una etiqueta (por ejemplo, haciendo clic en un enlace o cargando una página), GTM la recupera y la inserta en el código de tu web.

¿Cómo activo GTM?

Si no tenéis una cuenta de GTM, en el siguiente enlace podréis seguir los pasos para crearla: Configurar e instalar Tag Manager, cada tipo de Script puede tener una configuración u otra, por lo que es aconsejable que habléis con las empresas que os lo hayan proporcionado para que os ayuden a instalarlo.

De todas formas hemos creado un pequeño resumen para que tengáis un ejemplo de forma genérica para insertar una etiqueta dentro de Google Tag Manager mientras copiáis la que ya tenéis creada dentro del Back Office de Witboking en Integraciones > Markup Manager

Crear nueva etiqueta de tipo “HTML personalizado”

• En la caja “HTML” pegar exactamente el mismo código que pondrías en markup

• Elegir activador es la parte “compleja”:

  • Esto depende del campo “Lugar” que se tuviese que configurar en nuestro markup:

    • “Paso 1” → El activador sería nuestro evento de room selection o property selection si es agregador

    • “Paso 2” → El activador sería nuestro evento de checkout

    • “Confirmación” + printOneTime → El activador sería nuestro evento de confirmación de reserva

    • "Todas las páginas" -> activador "All Pages"

En este último paso seleccionamos el activador, donde queremos que se active el Script.

Una vez lo tenemos listo, guardamos y ya estaría creado.

Cómo instalar el GTM en el motor de Witbooking

Tenemos que asegurarnos que el número del contenedor (el ID de GTM) la tenemos conectada dentro del Back Office del motor, en Parametrización > Google Analytics > Códigos GTM:

Mark-ups de WIHP, 123compare.me, The Hotels Network

Para estos 3 proveedores, deberéis proporcionarnos el ID de vuestro establecimiento que os den estas empresas por email a soporte@witbooking.com. Nuestros agentes lo introducirán en nuestra base de datos.

La nueva manera de gestionar estos temas es totalmente externa a Witbooking, por lo que desde Witbooking ya no tendremos acceso para realizar cambios, ni una vez instalados nos haremos responsables de su correcta instalación. Las empresas de chatbots, analítica, etc. os deben ayudar en esta instalación.

Cualquier duda podéis contactar con el equipo de soporte@witbooking.com