Implementar Google Tag Manager Server-Side – Manual Paso a Paso

El seguimiento del lado del servidor con Google Tag Manager (GTM Server-Side) te permite procesar datos en un servidor que controlas antes de enviarlos a plataformas de analíticas, mejorando precisión y rendimiento. A continuación, te guiaré paso a paso para configurar esta solución.

Requisitos Previos

• Una cuenta de Google Tag Manager con un contenedor web ya activo.
• Acceso administrativo a tu sitio web para añadir códigos.
• Una cuenta en Google Cloud Platform (GCP) con un proyecto creado (puedes usar el nivel gratuito para empezar).
• Conocimientos básicos de dominios y DNS (si planeas usar un subdominio propio).

Paso 1: Crea un Contenedor Server-Side en Google Tag Manager

1. Accede a GTM: Ingresa a tu cuenta en tagmanager.google.com.
2. Navega a la sección Admin: En la esquina superior izquierda, haz clic en “Administrar” o “Admin”.
3. Crea un nuevo contenedor: Junto a “Contenedores”, haz clic en el ícono “+”.
4. Configura el contenedor:
   
   • Nombre: Dale un nombre claro, como “Mi Sitio – Server-Side”.
   • Plataforma objetivo: Selecciona “Servidor” (Server).
5. Finaliza la creación: Haz clic en “Crear”. GTM te mostrará opciones para provisionar el servidor. Por ahora, elige “Configurar manualmente el servidor de etiquetas” y copia el “Código de configuración del contenedor” (lo necesitarás más adelante).

Paso 2: Configura un Servidor en Google Cloud Platform

El contenedor Server-Side necesita un servidor para funcionar. Usaremos Google Cloud Platform (GCP) como opción estándar.

1. Accede a GCP: Ve a cloud.google.com e inicia sesión con tu cuenta de Google.
2. Crea un proyecto:
   
   • Haz clic en el menú desplegable de proyectos (arriba a la izquierda) y selecciona “Nuevo proyecto”.
   • Dale un nombre (ej. “GTM-Server”) y haz clic en “Crear”.
3. Habilita la API de Cloud Run:
   
   • En el buscador de GCP, escribe “Cloud Run” y selecciona la opción.
   • Haz clic en “Habilitar” si no está activa.
4. Configura el servidor:
   
   • Ve a “Cloud Run” en el menú lateral y haz clic en “Crear servicio”.
   • Contenedor: Selecciona “Usar una imagen de contenedor predefinida” y usa esta URL: gcr.io/cloud-tagging-10302018/gtm-cloud-image:stable.
   • Nombre del servicio: Por ejemplo, “gtm-server”.
   • Región: Elige una cercana a tu audiencia (ej. “us-central1”).
   • Autenticación: Selecciona “Permitir invocaciones no autenticadas” (puedes ajustar esto después por seguridad).
   • Variables de entorno: Añade una variable:
     
     • Nombre: CONTAINER_CONFIG.
     • Valor: Pega el código de configuración que copiaste de GTM.
5. Despliega el servidor: Haz clic en “Crear”. Una vez listo, GCP te dará una URL del servidor (ej. https://gtm-server-abc123-uc.a.run.app). Guárdala.

Paso 3: Conecta el Contenedor Web al Servidor

Ahora, ajusta tu contenedor web para enviar datos al servidor que acabas de crear.

1. Abre tu contenedor web en GTM: Ve al contenedor web que ya usas en tu sitio.
2. Edita la etiqueta principal:
   
   • Busca tu etiqueta de Google Analytics (o la que uses) en “Etiquetas”.
   • Abre la configuración de la etiqueta (ej. “Google Tag” o “GA4 Config”).
3. Añade el parámetro del servidor:
   
   • En “Configuración de la etiqueta”, busca “Parámetros de configuración”.
   • Añade un nuevo parámetro:
     
     • Nombre: server_container_url.
     • Valor: Pega la URL del servidor de GCP (ej. https://gtm-server-abc123-uc.a.run.app).
4. Guarda los cambios: Haz clic en “Guardar” y publica la versión actualizada del contenedor web.

Paso 4: Configura el Contenedor Server-Side

El contenedor Server-Side procesará los datos entrantes y los enviará a tus plataformas.

1. Abre el contenedor Server-Side: Regresa a GTM y selecciona el contenedor que creaste en el Paso 1.
2. Verifica el cliente GA4: Por defecto, incluye un cliente “Google Analytics: GA4 (Web)” que captura datos de GA4. No necesitas modificarlo por ahora.
3. Crea una etiqueta GA4:
   
   • Ve a “Etiquetas” y haz clic en “Nueva”.
   • Selecciona “Google Analytics: GA4” como tipo de etiqueta.
   • Ingresa tu ID de medición de GA4 (lo encuentras en la configuración de tu propiedad GA4).
   • Configura el disparador como “All Pages” o el evento que desees rastrear.
   • Guarda la etiqueta.
4. Prueba la configuración:
   
   • Haz clic en “Vista previa” en el contenedor Server-Side.
   • Ingresa la URL de tu sitio web y navega por él.
   • Verifica que los eventos aparezcan en el modo de vista previa y que la etiqueta GA4 se dispare.

Paso 5: (Opcional) Usa un Subdominio Propio

Para que los datos parezcan de primera parte y eviten bloqueadores, usa un subdominio de tu sitio (ej. analytics.tusitio.com).

1. Configura el DNS:
   
   • En tu proveedor de dominio, crea un registro CNAME.
   • Nombre: analytics (o el subdominio que elijas).
   • Valor: La URL del servidor de GCP (sin https://, ej. gtm-server-abc123-uc.a.run.app).
2. Actualiza GTM:
   
   • En el contenedor Server-Side, ve a “Administrar” > “Configuración del contenedor”.
   • Cambia la “URL del servidor de etiquetas” al subdominio (ej. https://analytics.tusitio.com).
   • En el contenedor web, actualiza el server_container_url con esta nueva URL.
3. Prueba de nuevo: Usa el modo de vista previa para confirmar que todo funciona.

Paso 6: Publica y Verifica

1. Publica ambos contenedores:
   
   • En el contenedor web, haz clic en “Enviar” y publica la versión.
   • Repite el proceso en el contenedor Server-Side.
2. Verifica los datos:
   
   • Abre tu plataforma de analíticas (ej. GA4) y revisa el informe en tiempo real.
   • Navega por tu sitio y confirma que los eventos llegan correctamente.

Consejos Finales

• Costos: GCP tiene un nivel gratuito, pero revisa los límites para evitar cargos inesperados.
• Seguridad: Una vez funcional, ajusta la autenticación en Cloud Run para mayor protección.
• Documentación: Si necesitas más detalles, busca guías oficiales en línea o consulta a un experto.

¡Listo! Ahora tienes GTM Server-Side funcionando. Si quieres expandirlo a otras plataformas (como Facebook Conversions API), solo añade más etiquetas en el contenedor Server-Side. ¿Dudas? Deja un comentario y te ayudo.