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:

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. Inicia sesión en tu cuenta de stape.io y haz clic en el botón Crear contenedor.

2. Introduce la siguiente información del contenedor:

A continuación, haz clic en Crear contenedor.

3. Busca tu contenedor en la página Panel de control de Stape. Una vez que su estado cambie a En ejecución, tu contenedor sGTM de Stape se habrá implementado correctamente.

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:

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.

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:

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

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.

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:

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. Inicie sesión en su cuenta de stape.io.

2. Abra el contenedor sGTM y haga clic en Power Up.

3. Haga clic en Config Custom Loader power-up, añada su WEB GTM ID. Verá un código web de GTM actualizado. Copie este script web de GTM y añádalo o sustituya el script web de GTM existente en su sitio.

4. Cuando haya actualizado el código web de GTM y haya configurado GA4 del lado del servidor, puede comprobar las solicitudes modificadas de GTM y GA4 en la red.

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.