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.
Paso 1. Cree un contenedor de servidor de Google Tag Manager
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.
Este video muestra cómo configurar un contenedor de servidor de GTM.
A continuación, tiene la guía paso a paso sobre cómo configurar un contenedor de tags de servidor de GTM.
1. Abra su contenedor web de Google Tag Manager en https://tagmanager.google.com/.
Haga clic en Admin. En la columna del contenedor, haga clic en +.
2. Escriba el nombre del contenedor, elija Server y haga clic en Create.
3. Elija Manually provision tagging server, copie la configuración del contenedor de tags y péguela en cualquier editor de texto. Necesitará esta configuración en los siguientes pasos.
Paso 2. Cree una cuenta en Stape para alojar su contenedor de servidor de GTM
1. Vaya a stape.io y cree una cuenta o inicie sesión.
2. Haga clic en Create container en la parte superior derecha.
3. Introduzca los detalles del contenedor:
- Nombre del contenedor. El nombre no tiene que ser el mismo que el nombre del contenedor en su servidor de GTM.
- Configuración del contenedor. Pegue la Container Config que copió de su contenedor de servidor de Google Tag Manager.
- Ubicación del servidor. Para un mejor rendimiento, elija la ubicación del servidor más cercana a la mayoría de sus clientes. Consulte aquí la lista de ubicaciones de servidor disponibles. Si tiene tráfico de varias regiones, puede seleccionar la opción de servidor Global multizona. Esta opción enviará automáticamente las solicitudes entrantes a la zona disponible más cercana según la dirección IP del usuario.
Después, haga clic en Create Container.
4. Elija un plan para su contenedor. Puede empezar con el plan Free. Haga clic en Continue with a Free plan.
5. Verá el estado de su contenedor, la configuración del contenedor y el nombre del plan. El despliegue del contenedor de servidor tarda unos 5 minutos. Recargue la página para actualizar el estado. Si la configuración del servidor de Google Tag Manager se hizo correctamente, debería ver el estado “Running”.
Paso 3. Configure una URL de servidor de etiquetado personalizada
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.
Paso 1. Añadir su dominio 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.
Paso 2. Añadir CDN
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.
| Importante: tenga en cuenta la normativa de privacidad de su país antes de configurar una CDN. |
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.
Paso 3. Seleccionar el método de conexión
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.
Paso 4. Añadir registros DNS (para el método de conexión manual)
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.
Añadir un dominio personalizado con un registro CNAME
Debe crear un registro CNAME si no usa Stape Global CDN, y dos registros si la usa.
1. Inicie sesión en su servicio de nombres de dominio y cree un nuevo registro DNS para el subdominio que desea utilizar. Para ello, haga clic en los tres puntos y seleccione Configure DNS junto al nombre de su dominio en la página de inicio de la cuenta.
2. Haga clic en Add record.
3. Vuelva a su cuenta de Stape e introduzca el registro que aparece en la cuenta. Asegúrese de que el estado de proxy (Proxy status) esté desactivado (off).
Usamos Stape Global CDN, por lo que creamos dos registros CNAME:
Añadir un subdominio personalizado con registros A y AAAA
| Tenga en cuenta que los registros A/AAAA son incompatibles con la CDN habilitada. |
1. Si necesita verificar su subdominio personalizado mediante registros A y AAAA, añada el subdominio personalizado al contenedor y asegúrese de que el botón CDN esté desactivado.
Haga clic en Advanced settings y marque la casilla Use A records instead of CNAME records. Verá los registros DNS que debe añadir dentro de su contenedor de Stape. Los registros DNS que debe configurar varían según la ubicación del servidor.
2. Inicie sesión en su cuenta DNS y añada los registros que aparecen en su cuenta de Stape. En la página de inicio de la cuenta, junto al nombre de su dominio, haga clic en los tres puntos y seleccione Configure DNS.
3. Haga clic en Add record.
4. A continuación, cree los registros que aparecen en su cuenta de Stape. Asegúrese de que el estado de proxy (Proxy status) esté desactivado (off).
Tome los valores para sus registros DNS de la cuenta de Stape:
Como resultado, obtendrá dos registros DNS:
Paso 5. Verificar su dominio
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.
![[Botón "Verify"]](/_next/image?url=https%3A%2F%2Fcdn.stape.io%2Fi%2F69fb59b6249dd138292882.png&w=3840&q=75)
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.
Paso 6. Añadir la URL del servidor de etiquetado y actualizar el script de su sitio web
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.
Paso 4. Cree una etiqueta de Google Tag dentro del contenedor web de GTM
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.
Paso 5. Cree la etiqueta de evento de Google Analytics: GA4
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.
Paso 6. Cree el cliente de GA4 dentro del contenedor de servidor de GTM
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.
Paso 7. Compruebe y depure su configuración
¿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.
Paso 8. Configure Custom GA4 Loader
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
Preguntas frecuentes
Conclusión
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.
Comentarios