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). Crearás un contenedor web en GTM, lo enlazarás con Docfav, definirás variables de capa de datos, un activador personalizado y una etiqueta de evento GA4. Finalmente publicarás los cambios y verificarás que los eventos se registren. Es imprescindible escribir los nombres exactamente como se indican (mayúsculas, minúsculas y guiones) para que la integración funcione.
1. Crear contenedor Web en Google Tag Manager
Accede a tagmanager.google.com y crea una cuenta (si aún no la tienes).
Dentro de la cuenta, crea un contenedor tipo Web y pulsa Crear
Copia el ID del contenedor (formato
GTM-XXXXXXX) que aparece en la esquina superior derecha.
2. Conectar GTM con Docfav
En Docfav ve a Reserva online ▸ Google Tag Manager.
Pega el ID del contenedor GTM en el campo Google Tag Manager y guarda.
3. Definir variables de capa de datos
En GTM: Variables ▸ Nueva → Tipo Capa de datos (versión 2)
Crea exactamente estas tres variables repitiendo este proceso para cada una:
Nombre (exacto) | Tipo | Versión |
| Capa de datos | 2 |
| Capa de datos | 2 |
| Capa de datos | 2 |
4. Crear activador personalizado
GTM: Activadores ▸ Nuevo.
Nombre del evento:
cz_event_trigger(exacto).Tipo de activador: Evento personalizado
Marca Todos los eventos personalizados y guarda.
5. Configurar Google Analytics 4
En analytics.google.com, crea una nueva cuenta (o inicia sesión si ya existe), aceptando todos los permisos.
Crea un flujo de datos Web
Introduce la URL: https://www.docfav.com/
Copia el Measurement ID (formato
G-XXXXXXXXXX) que aparece en la ficha del flujo
También puedes obtenerlo desde Administrador > Propiedades > "Data streams" > Selecciona el flujo de datos.
6. Crear etiqueta de evento GA4 en GTM
GTM: Etiquetas ▸ Nueva → Nombre:
cz_event_triggerTipo de etiqueta: Evento de GA4.
Pega el Measurement ID.
Haz clic en Crear etiqueta de configuración → Tipo Google Tag.
Elimina el activador predeterminado
Selecciona el activador
cz_event_triggery guarda.
7. Crear nombre y variables del evento
Al guardar la etiqueta GA4, GTM detectará el ID y mostrará la opción Include user-provided data from your website.
Coloca la etiqueta:
cz_event_interactionen el campo "Event Name"Despliega la casilla y pulsa Crear nueva variable.
Tipo: Datos proporcionados por los usuarios; deja los valores por defecto y guarda
Ahora en el campo desplegable "User Data" elige la variable creada.
8. Añadir parámetros de evento
En la misma pantalla, despliega Parámetros del evento y añade:
Event parameter | Value (Variable) |
|
|
|
|
|
|
Asegúrate de asociar cada parámetro con la variable creada en el paso 3
Por ultimo, edita el campo "Triggering" eligiendo nuevamente el activador cz_event_trigger y guarda.
9. Activar y publicar el contenedor
Selecciona el evento que creaste con nombre
cz_event_interaction.Haz clic en Enviar, asigna un nombre a la versión y pulsa Publicar
⚠️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!