Cómo registrar conversiones con Google Tag Manager

¿En dónde puedo encontrarlo? Compañía >>> Componentes/Integraciones >>> Google Tag Manager

Google Tag Manager es un sistema de gestión de etiquetas que te permite gestionar y desplegar etiquetas de marketing (fragmentos de código o píxeles de seguimiento) en tu sistema de reservas TuriTop.

Esta integración está pensada para aquellas compañías que usen la página de agradecimiento predeterminada de TuriTop o el Plugin TuriTop para WooCommerce y te permitirá hacer seguimiento de tus conversiones (de compra) en Google Analytics 4. 

Si utilizas una página de agradecimiento personalizada deberás usar el script para la página de agradecimiento personalizada.

Advertencia: para configurar correctamente esta herramienta requerirás preferiblemente la asistencia de un especialista en marketing y GTM, en especial si tienes necesidades más avanzadas y si requieres hacer seguimiento de eventos a los que no damos soporte. Ten en cuenta que es tu responsabilidad:

• Crear la cuenta de GTM.
• Configurar e instalar los contenedores.
• Configurar las etiquetas y activadores del contenedor.
• Testear el comportamiento de tus activadores y etiquetas.
• Publicar/desplegar los cambios en tu sitio web en vivo.
• Instalar la etiqueta de GTM en tu sitio web.

Si tienes dudas luego de revisar este artículo, ponte en contacto con nuestro equipo de soporte para poder asesorarte según la configuración de tu cuenta TuriTop.

A. Conectar GTM a tu panel de TuriTop (Legacy)

Esta configuración sólo aplica para usuarios de TuriTop Legacy que usen la página de agradecimiento prederminada. Si estás utilizando el Plugin TuriTop para WooCommerce, ve a la siguiente sección.

Sigue los siguientes pasos para conectar tu panel de TuriTop con GTM:

Paso 1: Accede a tu cuenta de Google Tag Manager

Ve al sitio web de Google Tag Manager (https://tagmanager.google.com/) y accede con tu cuenta de Google asociada o crea una nueva si no la tienes (tutorial). 

Una vez dentro, accede a Espacio de trabajo (Workspace) y copia el ID que verás en la parte superior derecha de la página. Será similar a: GTM-XXXXX.

Paso 2: Conecta tu Google Tag Manager a tu cuenta de TuriTop

Entra en el panel de control de tu sistema de reservas TuriTop y dirígete a la pestaña Compañía >>> Componentes/Integraciones >>> Google Tag Manager.

Pega tu ID de Google Tag Manager.

Una vez que hayas añadido tu ID GTM a tu panel TuriTop, haz clic aquí para saltar al paso B y continuar con la instalación.

A. Conectar GTM a WooCommerce (Plugin TuriTop para WooCommerce)

Esta configuración sólo aplica para usuarios del Plugin TuriTop para WooCommerce. Si estás utilizando TuriTop Legacy junto a la página de agradecimiento prederminada, ve a la sección anterior.

Puedes utilizar cualquier plugin disponible para integrar tu tienda virtual de WooCommerce con Google Tag Manager. Sin embargo, recuerda que no podemos dar soporte a plugins externos, ni asegurar la compatibilidad con cualquier herramienta disponible en el mercado. Por ello te recomendamos usar el plugin GTM4WP.

Paso 1: Instala el plugin

Descarga e instala en tu sitio web el siguiente plugin:

https://es.wordpress.org/plugins/duracelltomi-google-tag-manager/

Paso 2: Accede a tu cuenta de Google Tag Manager

Ve al sitio web de Google Tag Manager (https://tagmanager.google.com/) y accede con tu cuenta de Google asociada o crea una nueva si no la tienes (tutorial). 

Una vez dentro, accede a Espacio de trabajo (Workspace) y copia el ID que verás en la parte superior derecha de la página. Será similar a: GTM-XXXXX.

Paso 3: Conecta Google Tag Manager con el plugin

Dentro de tu sitio web, accede a las preferencias del plugin GTM4WP y ve a General >>> ID de Google Tag Manager. Aquí debes añadir tu ID de Google Tag Manager.

Luego, en la ventana Integración >>> WooCommerce encontrarás las opciones para capturar los eventos que te interesen.

B. Instala la etiqueta de Google Tag Manager

Para saber cómo instalar el contenedor de GTM en tu sitio web, puedes seguir este tutorial. Aunque puedes insertar los fragmentos de código manualmente, existen múltiples herramientas en el mercado que pueden ayudarte dependiendo de cuál CMS uses.

Si estás utilizando el plugin "GTM4WP" puedes elegir instalar o no la etiqueta por medio del mismo dentro de los ajustes del plugin, en la pestaña General >>> Código del contenedor ACTIVADO/DESACTIVADO:

• Selecciona "Activado" para insertar la etiqueta de GTM.
• Selecciona "Desactivado", si ya la has insertado por otra vía, para evitar duplicar el código.

C. Importa el contenedor de TuriTop 

Tu equipo de marketing podría configurar las etiquetas y activadores de GTM si lo desea, pero te ofrecemos un contenedor predefinido que podrás importar de manera sencilla a tu panel. Para descargarlo haz clic aquí. 

Para importar esta configuración deberás seguir estos pasos:

Paso 1: Importa el contenedor

Deberás entrar en tu panel de Google Tag Manager y hacer clic en "Administrador".

En el menú de opciones del contenedor, deberás seleccionar la opción "Importar contenedor".

En la nueva ventana que se abra deberás:

1. Seleccionar el archivo "GTM-Template.json" que descargaste antes.
2. Decidir en qué espacio de trabajo lo instalarás.
3. Escoger si sobreescribirás o no la configuración preexistente.

Para terminar de importarlo, haz click en "Confirmar".

Paso 2: Modifica el ID de Google Analytics 4

Después de importar el contenedor, verás los siguientes activadores y etiquetas en tu panel:

Accede "Etiquetas", selecciona "Google Analytics GA4 | Page View" y haz clic en el lapiz para editarla.

Añade tu ID de Google Analytics 4 y haz clic en "Guardar" para registrar los cambios.

¿Cómo obtener el ID de GA4? Si no sabes dónde encontrar tu ID, sigue este tutorial.

Paso 3: Publica los cambios

Cuando hayas finalizado de hacer todos los cambios necesarios en el contenedor, recuerda hacer clic en "Enviar" para que entren en producción.

Hacer pruebas en Google Tag Manager

Google recomienda comprobar que las etiquetas configuradas funcionen correctamente antes de publicar los cambios. Para realizar pruebas, haz clic en la opción "Vista previa".

Deberás introducir la URL de tu página web y, una vez cargue, hacer clic en "Continuar" y simular el comportamiento de un usuario en la web para comprobar que GTM registra correctamente los eventos configurados.

Asegúrate que ya has instalado la etiqueta de Google Tag Manager en tu sitio web.