Esta guía explica paso a paso cómo integrar la reserva online de Docfav con Google Tag Manager (GTM) y Google Analytics 4 (GA4).
El proceso incluye:
Crear un contenedor web en GTM
Conectarlo con Docfav
Configurar variables de capa de datos
Crear un activador personalizado
Configurar eventos en GA4
Publicar y validar la integración
⚠️ Es fundamental escribir los nombres exactamente como se indican (mayúsculas, minúsculas y guiones), ya que cualquier variación puede impedir el correcto funcionamiento de la integración.
1. Crear un contenedor Web en Google Tag Manager
Accede a: tagmanager.google.com
Crea una cuenta si aún no tienes una
Dentro de la cuenta, crea un contenedor de tipo Web
Haz clic en Crear
Copia el ID del contenedor (formato: GTM-XXXXXXX) ubicado en la esquina superior derecha
2. Conectar GTM con Docfav
Accede a Docfav
Ve a Reserva online > Google Tag Manager
Pega el ID del contenedor GTM en el campo correspondiente
Guarda los cambios
3. Definir variables de capa de datos
En Google Tag Manager:
Ve a Variables > Nueva
Selecciona tipo: Capa de datos (versión 2)
Crea las siguientes variables (repitiendo el proceso para cada una):
Nombre | Tipo | Versión |
| Capa de datos | 2 |
| Capa de datos | 2 |
| Capa de datos | 2 |
4. Crear activador personalizado
En GTM: Ve a Activadores > Nuevo
Tipo de activador: Evento personalizado
Nombre del evento:
cz_event_trigger(exacto)Selecciona Todos los eventos personalizados
Guarda
5. Configurar Google Analytics 4
Accede a: analytics.google.com
Crea una cuenta o inicia sesión
Crea un flujo de datos web
Introduce la URL: https://www.docfav.com/
Copia el Measurement ID (formato: G-XXXXXXXXXX)
También puedes encontrarlo en:
Administrador > Propiedad > Data Streams > Seleccionar flujo
6. Crear etiqueta de evento en Google Tag Manager
Ve a Etiquetas > Nueva
Nombre de la etiqueta:
cz_event_triggerTipo: Google Analytics 4 – Evento
Introduce el Measurement ID
Luego:
Crea una Google Tag de configuración
Elimina el activador predeterminado
Asocia el activador
cz_event_trigger
Guarda los cambios
7. Configurar nombre del evento y variables
En la etiqueta de GA4:
En el campo Event Name, coloca:
cz_event_triggerDespliega la opción de variables y crea una nueva:
Tipo: datos proporcionados por el usuario
Mantén valores por defecto
Guarda la variable creada
Luego selecciona esta variable en el campo correspondiente.
8. Añadir parámetros del evento
Dentro de la misma etiqueta, en Parámetros del evento, añade:
Event parameter | Value (Variable) |
|
|
|
|
|
|
Asegúrate de vincular cada parámetro con su variable correspondiente.
Finalmente:
En Triggering, selecciona nuevamente
cz_event_triggerGuarda la etiqueta
9. Publicar el contenedor
Selecciona el evento cz_event_interaction
Haz clic en Enviar
Asigna un nombre a la versión
Pulsa Publicar
⚠️ Importante
Google puede tardar unos minutos y en casos puntuales, puede demorar hasta 24 h en propagar la configuración; durante ese lapso, los eventos podrían no verse aún.
Aplica cada paso exactamente como se indica y, cuando termines, haznos saber si todo funciona correctamente. ¡Éxitos con tu integración!