Cómo configurar el contenedor de servidor de Google Tag Manager

Recolección de datos sobre los visitantes de tu sitio web es crucial para analizar y mejorar la presencia del negocio en línea, alcanzar usuarios y convertirlos en clientes. Hay dos maneras de recolectar datos: del lado del cliente y del lado del servidor, cada una con sus beneficios y limitaciones.

Con el seguimiento del lado del cliente, el navegador envía una solicitud directamente a un servicio de seguimiento de terceros como Google Analytics. La interacción ocurre entre el navegador y el servicio de terceros. Con el seguimiento del lado del servidor, se añade un punto intermedio. En este caso, es el servidor en la nube de Google Tag Manager. La solicitud primero va al servidor en la nube, que la procesa y luego la envía a un sistema de terceros (Google Analytics). Esto significa que el servidor en la nube procesa la solicitud en lugar del navegador del cliente.

El etiquetado del lado del servidor con Google Tag Manager (GTM) permite a los propietarios de sitios web mover los píxeles de seguimiento de terceros de su sitio web al servidor en la nube. Esto significa que el navegador del cliente ya no procesará los píxeles de seguimiento. Se cargarán directamente desde el servidor. Este enfoque proporciona los siguientes beneficios:

Las herramientas de análisis de marketing digital (como Google Analytics) pueden ejecutarse sin usar cookies de terceros en el lado del cliente. Con los contenedores de servidor correctamente configurados, te olvidarás del JavaScript pesado, cookies de terceros bloqueadas y datos incompletos en las herramientas de análisis.

Todas las solicitudes se considerarán de primera mano si el seguimiento del lado del servidor está alojado en el subdominio de tu sitio web. Google tiene una descripción detallada del seguimiento del servidor de GTM y cómo puede beneficiar a tu sitio web.

Existen muchos elementos comunes entre los contenedores web y de servidor, como etiquetas, activadores, variables, modo de vista previa, etc. Sin embargo, la configuración del contenedor del lado del servidor en GTM es más compleja que la del contenedor web estándar.

La principal dificultad al configurar un contenedor del lado del servidor en GTM es configurar el entorno en la nube para ejecutar el contenedor. Con la ayuda de Stape, configurar servidores en la nube para sGTM solo tomará 5 minutos y no necesitarás contratar desarrolladores. Además, Stape ofrece características adicionales como eludir bloqueadores de anuncios, aumentar la vida útil de las cookies, enviar datos fuera de línea, etc.

A continuación, se muestra una guía paso a paso sobre cómo configurar el contenedor de GTM del lado del servidor:

1.  Abre tu contenedor WEB de Google Tag Manager en https://tagmanager.google.com/.

Haz clic en Admin. En la columna del contenedor, haz clic en +.  

2. Escribe el nombre del contenedor, selecciona Servidor, y haz clic en Crear.

3. Selecciona Provisionar manualmente servidor de etiquetas, copia tu configuración de contenedor y pégala en cualquier editor de texto. La necesitaremos para los siguientes pasos.

1. Ve a stape.io, crea una cuenta o inicia sesión.

2. Haz clic en Crear contenedor en la esquina superior derecha.

3. Ingresa los detalles de tu contenedor:

4. Elige un plan para tu contenedor. Puedes comenzar con el plan gratuito. Haz clic en Continuar con el plan gratuito.

5. Verás el estado de tu contenedor. Toma aproximadamente 5 minutos para desplegarlo. Si la configuración fue correcta, verás el estado “Corriendo”.

Puedes usar una URL de servidor de etiquetas personalizada para configurar cookies de primera mano. La URL del servidor de etiquetas debe compartir el mismo dominio que tu sitio web. Ejemplo: si tu dominio es ejemplo.com, la URL del servidor de etiquetas será algo como ss.example.com. 

Hay tres formas de configurar un dominio personalizado:

Hay una publicación detallada en el blog donde puedes encontrar una descripción sobre cómo mapear un dominio personalizado para el contenedor del servidor de Google Tag Manager: utilizando el mismo origen (Cloudflare y nginx).

Pero aquí, cubriremos la configuración de un subdominio personalizado:

1. Abre tu contenedor sGTM en Stape, desplázate hacia abajo hasta "Dominios" y haz clic en "Añadir dominio personalizado".

2. Escribe un dominio personalizado.

3. Verás los registros DNS que debes agregar.

El registro DNS depende de la ubicación del servidor y de la opción de CDN que elijas:

Los registros DNS que debes configurar varían según la ubicación del servidor y las configuraciones de CDN seleccionadas. Verás los registros DNS que debes agregar dentro de tu contenedor en stape.io.

4. Inicia sesión en tu cuenta DNS y agrega los registros que ves en tu cuenta stape.io. A continuación, un ejemplo de configuración de DNS para CloudFlare. Abre la configuración DNS del dominio requerido y haz clic en "Añadir registro".

 Luego, escribe los registros que ves en tu cuenta stape.io. Asegúrate de que el proxy esté desactivado.

Por lo general, la verificación del dominio personalizado toma de 2 a 3 horas. Para algunos proveedores de DNS, la verificación de los registros puede tardar hasta 72 horas. Te enviaremos un correo electrónico una vez que el dominio personalizado sea verificado o si se detecta algún error. Si hay un error en la verificación, sigue esta instrucción sobre cómo verificar el dominio personalizado.

5. Una vez verificado el dominio personalizado, vuelve al contenedor del servidor de Google Tag Manager → Elige tu contenedor de servidor → Admin → Configuración del contenedor → Pega la URL del servidor de etiquetado.

6. Si utilizas un dominio personalizado, se recomienda actualizar el script de GTM web en tu sitio web. Este ajuste cargará gtm.js desde tu dominio. Para hacerlo, reemplaza el dominio predeterminado googletagmanager.com con el dominio personalizado que configuraste en el paso anterior.

Abre tu contenedor Web, crea una nueva etiqueta - Google Tag. Agrega tu ID de Google Tag.

En la sección Configuración, agrega los siguientes parámetros:

Agrega el activador a la etiqueta GA4. Normalmente, debería activarse en todas las vistas de página.

Opcional: También puedes crear una variable de configuración de la etiqueta de Google que predeterminará la configuración de Google Tag si necesitas usar múltiples etiquetas en tu sitio web y no quieres añadir manualmente los ajustes para cada una de las etiquetas.

Estos parámetros pueden incluir configuraciones como si deseas enviar un evento de vista de página cada vez que se activa una etiqueta de Google, configurar parámetros UTM, ID del cliente, etc. Hay una lista de parámetros de configuración estándar de Google Tags.

Para configurar el evento de GA4, ve a la sección de etiquetas y crea una nueva etiqueta con el tipo de etiqueta Google Analytics: Evento de GA4. Agrega tu ID de GA4 y el nombre del evento; hay una lista de nombres de eventos estándar.

Abre el contenedor de servidor de Google Tag Manager → haz clic en Cliente → crea un cliente de GA4 y guárdalo → ve a Etiquetas y configura la etiqueta de GA4. Recuerda que GA4 no solo envía vistas de página, sino también otros eventos. 

Dentro del campo Nombre del Evento, selecciona la variable {{Event Name}} → agrega un activador donde el Nombre del Cliente sea igual a GA4. 

Abre los modos de vista previa del contenedor Web y del servidor y verifica que veas solicitudes de GA4. Luego, publica la actualización dentro de los contenedores de Google Tag Manager del servidor y del web.

Puedes hacer que el seguimiento del lado del servidor de Google Analytics 4 sea aún más preciso utilizando un cargador personalizado de GA4. Esto permitirá que GA4 evite herramientas de bloqueo, como los bloqueadores de anuncios y otras tecnologías de privacidad que intentan prevenir que los rastreadores recopilen datos sobre las actividades de los visitantes. Como resultado, verás una imagen completa de los usuarios que visitan tu sitio y tendrás más datos para la optimización de anuncios y audiencias personalizadas.

Cómo configurar un cargador personalizado:

1. Inicia sesión en tu cuenta de stape.io.

2. Abre el contenedor de sGTM → haz clic en Power Up.

3. Haz clic en Configurar el cargador personalizado → agrega tu ID de GTM Web → verás el código actualizado de GTM Web → copia este script de GTM Web y agrégalo o reemplaza el script existente en tu sitio.

4. Una vez que hayas actualizado el código GTM Web y configurado GA4 del lado del servidor, puedes verificar las solicitudes modificadas de GTM y GA4 en la red.

La URL de solicitud de Google Tag Manager debería verse así:

Tagging server URL/stape container identifier.js?st=web GTM ID (sin las letras GTM). 

En nuestro caso, sería: https://load.gtm.stape.dog/covxbvwx.js?st=PMVQSJH

La URL de solicitud de GA4 debería verse así:

Tagging server URL/gt+stape container identifier.js?id=GA4 identifier... 

En nuestro caso, sería: https://load.gtm.stape.dog/gtcovxbvwx.js?id=G-0SME9XLYER

¡Eso es todo! Ahora has configurado un contenedor del servidor, y Google Analytics funciona a través de tu contenedor del servidor. Si deseas cargar GA dentro de tu dominio y hacer que las solicitudes de GA sean de primera parte, sigue estos pasos para usar un subdominio personalizado. ¡Y nuestro equipo de expertos puede ayudarte!