Cómo configurar el contenedor de tags de Google Tag Manager del lado del servidor

Para configurar un contenedor de servidor de GTM, siga estos pasos:

• Crear un contenedor de servidor de Google Tag Manager.
• Crear una cuenta en Stape para alojar el contenedor de servidor de GTM.
• Configurar una URL de servidor de etiquetado personalizada.
• Crear una etiqueta de Google Tag dentro del contenedor web de GTM.
• Crear la etiqueta de evento de Google Analytics: GA4.
• Crear un cliente de GA4 dentro del contenedor de servidor de GTM.
• Compruebe y depure su configuración.
• Configure el Custom GA4 Loader.

Al final, tendrá un contenedor de tags de servidor de GTM totalmente funcional que puede evitar bloqueadores de anuncios, aumentar la duración de las cookies y mucho más.

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

La principal dificultad al configurar un contenedor de servidor de GTM es preparar el entorno en la nube que ejecutará el contenedor sGTM. Con la ayuda de Stape, configurar servidores en la nube para sGTM lleva solo 5 minutos y no necesita contratar desarrolladores. Además, Stape ofrece funciones extra sobre el servidor de Google Tag Manager, como evitar bloqueadores de anuncios, aumentar la duración de las cookies y enviar datos sin conexión.

A continuación, tiene la guía paso a paso sobre cómo configurar un contenedor de tags de servidor de GTM.

1. Selecciona tu cuenta de GTM → Haz clic en Administrador → Haz clic en el botón "+" junto al nombre del Contenedor.

2. Agrega el Nombre del Contenedor → En la plataforma de destino, elige "Servidor". Haz clic en Crear.

3. Elige "Provisión manual del servidor de etiquetas". Copia la configuración de tu contenedor. La necesitaremos en los siguientes pasos.

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

2. Haz clic en Crear contenedor sGTM en la página principal.

3. Introduce los datos de tu contenedor.

• Nombre del contenedor: asigna un nombre a tu contenedor (por comodidad, te recomendamos utilizar el mismo nombre que le diste al contenedor del servidor en GTM).
  
• Configuración del contenedor: pega los datos de Configuración del contenedor que copiaste de la ventana emergente Instalar Google Tag Manager. Si los has perdido, ve a Google Tag Manager → haz clic en Admin → haz clic en Configuración del contenedor → copia la cadena que aparece en Configuración del contenedor.
  

• Ubicación del servidor: para obtener el mejor rendimiento, elige la ubicación del servidor más cercana a donde se encuentran la mayoría de tus clientes. Consulta la lista de ubicaciones de servidor disponibles aquí. Además, puedes optar por la opción de ubicación de servidor multizona global si tienes tráfico procedente de diferentes regiones. Esta opción redirigirá automáticamente las solicitudes entrantes a la zona disponible más cercana en función de la dirección IP del usuario.
  

A continuación, haz clic en Crear contenedor.

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

5. Verás el estado de tu contenedor, la configuración del contenedor y el nombre del plan. La implementación de un contenedor de servidor tarda unos 5 minutos.

Actualiza la página para que se actualice el estado. Si la configuración del lado del servidor de Google Tag Manager se ha realizado correctamente, deberías ver el estado En ejecución.

Puede usar una URL de servidor de etiquetado personalizada del contenedor de servidor para configurar cookies de primera parte. La URL de servidor de etiquetado personalizada o el dominio personalizado deben compartir el mismo dominio que su sitio web. Por ejemplo, si el dominio de su sitio es example.com, la URL del servidor de etiquetado puede ser anything.example.com.

Hay tres maneras de configurar un dominio personalizado:

• Mismo origen
• Subdominio
• Dominio predeterminado

Existe una entrada detallada en el blog donde puede encontrar una descripción de cómo mapear un dominio personalizado para el contenedor de servidor de Google Tag Manager usando same origin (Cloudflare y nginx).

Aquí solo veremos la configuración de un subdominio personalizado.

Utiliza una URL del servidor de etiquetado personalizada, también denominada dominio personalizado, para configurar cookies de origen propio. Esta URL debe utilizar el mismo dominio raíz que tu sitio web. Por ejemplo, si tu sitio web es `example.com`, la URL de tu servidor de etiquetado puede ser `ss.example.com`.

Hay tres formas de configurar un dominio personalizado:

• Mismo origen: el servidor de etiquetado comparte exactamente el mismo dominio y la misma ruta que tu sitio web. Más información sobre cómo configurar un dominio personalizado con el mismo origen.
• Subdominio: el servidor de etiquetado se ejecuta en un subdominio de tu dominio raíz. En este artículo te guiaremos a través de esta configuración.
• Dominio predeterminado: sin dominio personalizado; utiliza la dirección estándar proporcionada por Stape.

Elija su contenedor en Stape, desplácese hacia abajo y haga clic en Add custom domain.

Añada el Subdomain name: puede ser cualquier nombre que prefiera, pero asegúrese de evitar frases relacionadas con publicidad o seguimiento: ad, gtm, stgm, tracking, analytics, metrics, stape, gtag, etc.

Una Content Delivery Network (CDN) distribuye los recursos de su sitio web a través de una red global de servidores para reducir la latencia y mejorar los tiempos de carga para usuarios en diferentes ubicaciones. Es útil si su audiencia está distribuida geográficamente o si desea mejorar el seguimiento de cookies y la precisión de los datos.

De forma predeterminada, la CDN está deshabilitada, lo que significa que los archivos JavaScript (como gtm.js, gtag.js y analytics.js) se sirven directamente desde el servidor donde está alojado su contenedor sGTM. En la práctica, esto omite tanto Stape Global CDN como Own CDN y establece una conexión directa y sin proxy entre su sitio y el contenedor sGTM.

Para habilitar la CDN, haga clic en el botón Add CDN y seleccione una de las siguientes opciones:

• Stape Global CDN: carga los scripts desde el servidor más cercano a la ubicación del visitante de su sitio web, lo que reduce la latencia y mejora los tiempos de carga para audiencias distribuidas geográficamente. Utilizaremos Stape Global CDN en nuestra configuración. Esta función es gratuita y está disponible para todos los contenedores sGTM de Stape.

• Own CDN (incompatible con la opción de conexión Automatically (via Entri)): ayuda a enrutar el dominio personalizado de sGTM y a hacer proxy del tráfico de sGTM a través del proveedor DNS de su sitio web. En este caso, las direcciones IP de su sitio web y del dominio personalizado de sGTM coincidirán, y las cookies del lado del servidor se considerarán de origen propio. Como resultado, permite aumentar la duración de las cookies.

A continuación, en la sección How to connect, hay dos formas de conectar un dominio personalizado a su contenedor:

• Automatically (via Entri)

La forma más sencilla de conectar dominios. Inicie sesión con los datos de su proveedor DNS a través de Entri y otórguenos permiso puntual para conectar su dominio. Con esto, puede proceder directamente al Paso 5 para verificar su dominio; no se requiere configuración manual.

• Manually

Con esta opción, debe añadir los registros DNS manualmente en su proveedor de alojamiento para conectar su subdominio a Stape.

Una vez que añada un subdominio personalizado a su contenedor, verá los registros DNS que deben crearse para verificar el dominio personalizado. El registro DNS depende de la ubicación del servidor y de la opción de CDN que elija. En el siguiente paso, se explica cómo añadir registros DNS.

De forma predeterminada, la verificación del subdominio se realiza con registros CNAME, pero también puede verificar su subdominio con registros A y AAAA si lo necesita (generalmente cuando necesita evitar la creación de registros duplicados).

A continuación, cubrimos ambas opciones con una guía paso a paso sobre cómo crear registros usando Cloudflare. Puede utilizar cualquier otro proveedor.

Una vez que haya añadido los registros DNS en su proveedor de DNS, vuelva a la página del contenedor de Stape donde configuró el dominio personalizado y haga clic en Verify.

Espere a que Stape termine de verificar su dominio personalizado (cuando la barra de estado del contenedor cambie de Verifying a Ready). Normalmente, la verificación del dominio personalizado tarda entre 2 y 3 horas. Para algunos proveedores de DNS, la verificación de los registros puede tardar hasta 72 horas. Le enviaremos un correo electrónico una vez que el dominio personalizado sea verificado o si se detecta algún error.

Si tiene algún problema con la verificación del dominio, siga nuestra guía de resolución de problemas de dominios personalizados.

Vaya a su contenedor de servidor de Google Tag Manager → Admin → Container Settings → cambie Tagging server URL a su subdominio.

Actualizar el script

Si utiliza un dominio personalizado, se recomienda encarecidamente actualizar el script de Web GTM en su sitio web. Este ajuste cargará gtm.js desde su dominio. Para ello, reemplace el dominio predeterminado googletagmanager.com con el dominio personalizado que configuró en el paso anterior.

Alternativamente, puede automatizar este proceso con el Custom Loader power-up. En lugar de editar manualmente el script de GTM, Custom Loader genera un fragmento de código listo para usar que carga los scripts de GTM y GA4 directamente desde su dominio personalizado. Esto le ahorra tiempo, hace que sus scripts de seguimiento sean más resistentes a los bloqueadores de anuncios y garantiza que todas las cookies se traten como de origen propio.

Abra su contenedor web y cree una nueva etiqueta de tipo Google Tag. Añada su Google Tag ID.

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

• Nombre: server_container_url
• Valor: introduzca la URL que ha creado.

Añada un activador a la etiqueta de GA4. Normalmente debe activarse en todas las vistas de página.

Opcional. También puede crear una variable de tipo Google Tag: Configuration settings. Esta variable define la configuración de Google Tag si necesita usar varias etiquetas de Google Tag en su sitio web y no quiere añadir los ajustes manualmente en cada etiqueta.

Estos parámetros pueden ser, por ejemplo, un ajuste que define si quiere enviar un evento de vista de página cada vez que se activa una etiqueta de Google Tag, o enviar parámetros UTM, el client ID, etc. Existe una lista de parámetros estándar de configuración para Google Tags.

Para configurar el evento de GA4, vaya a la sección de etiquetas y cree una nueva etiqueta con el tipo Google Analytics: GA4 Event. Añada su ID de GA4 y el nombre del evento. Existe una lista de nombres de eventos estándar.

Abra el contenedor de servidor de Google Tag Manager, haga clic en Client, cree un cliente de GA4 y guárdelo, luego vaya a Tags y configure la etiqueta de GA4. Recuerde que GA4 envía de forma automática no solo vistas de página, sino también otros eventos.

En el campo Event Name, elija la variable {{Event Name}} y añada un activador donde Client Name sea igual a GA4.

¿Cómo publicar el contenedor de GTM que creó en el lado del servidor? Abra los modos de vista previa del contenedor web y del contenedor de servidor y compruebe que ve las solicitudes de GA4. Después publiqué la actualización dentro de los contenedores de Google Tag Manager, tanto en el de servidor como en el web.

Puede hacer que el seguimiento de Google Analytics 4 del lado del servidor sea aún más preciso usando un Custom GA4 Loader. Esto permite que GA4 evite las herramientas de bloqueo como los bloqueadores de anuncios y otras tecnologías de privacidad que intentan evitar que los rastreadores recojan datos sobre la actividad de los visitantes. Así verá toda la actividad de los usuarios que visitan su sitio y tendrá más datos para la optimización de anuncios y la creación de audiencias personalizadas.

Cómo configurar un Custom Loader:

1. Inicia sesión en tu cuenta de Stape y selecciona tu contenedor sGTM desde el panel de control.

2. Ve a Power-ups y haz clic en Use junto al panel de Custom Loader panel.

3. Activa el interruptor de Custom Loader para activarlo y haz clic en Save changes.

4. En la sección Code & Setup information los siguientes ajustes:

• Domain - selecciona uno de los dominios vinculados a tu contenedor.
• Web GTM ID - introduce tu ID de web Google Tag Manager.
• Enhanced ad blocker protection - cuando está activado, todas las solicitudes a tu servidor sGTM se cifran para que los bloqueadores de anuncios no puedan bloquearlas según los patrones de solicitud. Más información sobre la enhanced ad blocker protection.
• Same Origin Path - si utilizas el same-origin approach, introduce aquí la ruta para que tanto GTM como gtag.js se carguen a través de ella.
• Platform - aquí puedes:

  • Seleccionar tu plataforma CMS (como Shopify, Wordpress, etc.). En este caso, deberás instalar y configurar una app de Stape. 
  • Seleccionar Other para recibir un fragmento JS si utilizas otra plataforma o un sitio web personalizado.

La URL de solicitud de Google Tag Manager debería tener este aspecto:

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

En nuestro caso es: https://load.gtm.stape.dog/covxbvwx.js?st=PMVQSJH

La URL de solicitud de GA4 debería tener este aspecto:

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

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

Ahora tiene configurado un contenedor de servidor y Google Analytics funciona a través de su contenedor de servidor. Si quiere cargar GA dentro de su dominio y hacer que las solicitudes de GA sean de primera parte, siga estos pasos para usar un subdominio personalizado. Y nuestro equipo de expertos puede ayudarle.

Si también quiere una prueba de sus habilidades, la certificación puede ayudarle a destacarse. Demuestra a clientes o empleadores que entiende tanto las configuraciones de navegador como las de server-side y que las ha aprendido en profundidad.