Cómo configurar el seguimiento de GA4 en el lado del servidor

El seguimiento del lado del servidor recopila datos de un sitio web o una aplicación enviándolos a un servidor. El servidor procesa y envía los datos a Google Analytics. Este enfoque ofrece varios beneficios, incluyendo una mayor precisión de los datos, una mejor protección de los datos y un mejor rendimiento. Las empresas que desean reducir el impacto del seguimiento del lado del cliente en la velocidad de carga de la página, mientras siguen recolectando datos valiosos, se benefician del seguimiento del lado del servidor.

A diferencia del seguimiento del lado del cliente, donde los datos se recopilan y procesan directamente en el dispositivo del usuario, el seguimiento del lado del servidor transfiere la recopilación y el procesamiento de datos a un servidor. Esto mejora la seguridad de los datos y garantiza que los datos recopilados sean más precisos.

Al aprovechar el seguimiento del lado del servidor, las empresas pueden obtener una comprensión más profunda del comportamiento de los usuarios, optimizar sus estrategias de marketing y asegurar el cumplimiento con las regulaciones de privacidad de datos.

El seguimiento en el servidor tiene muchas ventajas, incluyendo una mayor duración de las cookies, mayor precisión en el seguimiento, mejora en la velocidad de la página, mejor seguridad de los datos, evitar bloqueadores de anuncios y ITP, y mucho más.

El contenedor de servidor de GTM es una herramienta utilizada para configurar el seguimiento del lado del servidor. Con su ayuda, puede configurar el seguimiento para Google Analytics 4, Google Ads, y otras varias plataformas en el lado del servidor.

Stape Gateway es otra herramienta de seguimiento de datos que facilita la configuración del seguimiento de datos del lado del servidor para GA4 y Google Ads. ¿Cómo funciona? Captura datos del navegador del usuario y los envía al servidor. 

Tanto el contenedor de servidor GTM como Stape Gateway son utilizados para seguir y recopilar datos en el lado del servidor. Cada uno de ellos provee protección y calidad de datos mejorados. Cada enfoque incluye la configuración de un dominio personalizado y Custom Loader que ayudan a conseguir los siguientes beneficios: 

Stape Gateway puede ser utilizado por Google Analytics y/o Google Ads (para el seguimiento de conversiones y remarketing), mientras que el contenedor de servidor GTM es más versátil y puede configurarse para un mayor rango de plataformas.

Para comenzar a utilizar Stape Gateway, sólo necesita un contenedor web de Google Tag Manager configurado. Para sGTM, los pre requisitos de configuración son algo más complejos – aparte de un contenedor web de GTM, también necesitará configurar un contenedor de servidor de Google Tag Manager.

Stape Gateway es más fácil de configurar debido a que consiste de tres pasos:

Debido a la mayor flexibilidad de sGTM, requiere más habilidades técnicas para su configuración. Además del registro, añadir un dominio personalizado y un Custom Loader, deberá crear un contenedor de servidor GTM y realizar configuraciones adicionales basadas en la plataforma que utilice.

Stape ofrece un amplio rango de power-ups, etiquetas, variables y clientes para hacer la configuración más sencilla para usted.

Para su conveniencia, facilitamos una tabla comparativa para resaltar las principales diferencias entre estas dos formas de configurar el seguimiento del lado del servidor:

A pesar que el resultado final es similar para Stape Gateway y el contenedor de servidor de GTM, cada uno puede ser mejor en diferentes casos.

Escoja la implementación de servidor de GTM si usted:

✅ Quiere mejorar la calidad de datos para Google Analytics, Google Ads, y/o cualquier otra plataforma;

✅ Necesita configurar infraestructura de seguimiento complicada que implica varias plataformas y herramientas de análisis;

✅ Tiene un presupuesto de marketing mayor y puede invertir en seguimiento de datos de alta calidad.*

*Nota: Si tu sitio web no tiene un gran volumen de tráfico, puedes utilizar Stape para el etiquetado del lado del servidor de forma gratuita. Para ver si es tu caso, consulta nuestra página de precios.

Escoja Stape Gateway si usted:

✅ Necesita mejorar la calidad de datos para Google Analytics y/o Google Ads;

✅ Busca una manera rápida y sin complicaciones de mejorar la data que obtiene;

✅ Tiene un presupuesto de marketing contenido y necesita una solución económica.

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

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

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

2.1 Ve a Stape y crea una cuenta o inicia sesión. Puedes probar nuestro servicio de forma gratuita y explorar los beneficios de Stape para el servidor GTM.

2.2 Presiona el botón "Crear contenedor" en la esquina superior derecha.

2.3 Ingresa los detalles de tu contenedor:

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

Verás el estado de tu contenedor, la configuración del contenedor y el nombre del plan. Toma varios minutos desplegar un contenedor de servidor. Recarga la página para actualizar el estado. Si la configuración fue realizada correctamente, deberías ver el estado "En funcionamiento."

Una característica clave del etiquetado del lado del servidor es la configuración de cookies de primera parte, lo que requiere una configuración del servidor. Debes usar una URL o dominio personalizado para habilitar esta función. La URL del servidor de etiquetado personalizado o el dominio personalizado deben compartir el mismo dominio que tu sitio web.

Debido a las restricciones de las cookies, configurar dominios personalizados para sGTM se ha vuelto más complejo. La Prevención Inteligente de Rastreo (ITP) afecta el rastreo de usuarios en Safari y Firefox.

Para mejorar tu rastreo, es necesario configurar un dominio personalizado. Esto te ayudará a prolongar la vida útil de las cookies en todos los navegadores.

A continuación, se explican las formas de configurar un dominio personalizado para la URL del servidor de etiquetado sGTM.

Hay tres maneras de configurar un dominio personalizado:

Sin embargo, el método de "Mismo origen" es técnicamente avanzado. Requieres un CDN o un balanceador de carga para configurar el dominio de mismo origen.

Si no puedes configurar el dominio de mismo origen, ofrecemos soluciones para prolongar la vida útil de las cookies en Safari: CDN propio y Cookie Keeper.

Por defecto, cuando agregas tu subdominio personalizado a tu contenedor Stape, se verificará mediante el registro CNAME.

A continuación, se muestra un ejemplo de configuración de un subdominio personalizado:

3.1 Inicia sesión en tu cuenta de Stape, elige un contenedor, desplázate hacia abajo y haz clic en "Agregar dominio personalizado."

3.2 Verás los registros DNS que deben añadirse para verificar el dominio personalizado.

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

También puedes elegir conectar un dominio personalizado:

La forma más fácil de conectar dominios. Inicia sesión con los datos de tu proveedor de DNS a través de Entri y otórganos un permiso único para conectar tu dominio.

Deberás configurar dos registros CNAME si usas el CDN Global.

3.3 Inicia sesión en tu servicio de nombre de dominio (por ejemplo, Cloudflare) y crea un nuevo registro DNS para el subdominio que deseas usar.

Si usas el CDN Global, configura un registro CNAME adicional.

3.4 Una vez que tu dominio personalizado esté verificado, deberías ver el estado "Listo" junto a la URL del servidor de etiquetado en el administrador de Stape. 

3.5 Ve a tu contenedor del servidor de Google Tag Manager → Admin → Configuración del Contenedor → Cambia la URL del servidor de etiquetado a tu subdominio.

Si deseas verificar tu subdominio personalizado usando registros A y AAAA, puedes hacerlo haciendo clic en "Configuración avanzada" después de agregar el subdominio personalizado al contenedor y marcando la opción "Usar registros A en lugar de registros CNAME".

1. Abre tu contenedor sGTM en Stape, desplázate hacia abajo a "Dominios" y haz clic en "Agregar dominio personalizado".

2. Escribe un dominio personalizado. Haz clic en "Configuración avanzada" después de agregar el subdominio personalizado al contenedor y marca la casilla "Usar registros A en lugar de registros CNAME".

3. Los registros DNS que debes configurar varían dependiendo de la ubicación del servidor. Verás los registros DNS que debes agregar dentro de tu contenedor de stape.io.

4. Inicia sesión en tu cuenta de DNS y añade los registros que ves en tu cuenta de stape.io. A continuación, se muestra un ejemplo de la configuración de DNS para Cloudflare. Abre la configuración de DNS del dominio requerido y haz clic en "Agregar registro".

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

Generalmente, tarda de 2 a 3 horas en verificarse el dominio personalizado. Para algunos proveedores de DNS, la verificación 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 con la verificación, sigue esta instrucción sobre cómo verificar un dominio personalizado.

5. Una vez que el dominio personalizado esté verificado, 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 usas un dominio personalizado, se recomienda actualizar el script de Web GTM 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.

Existen dos escenarios:

4.1.1 Agregar la URL de tu contenedor de servidor a la configuración de Google Tag. En la configuración de la etiqueta, añade el parámetro de configuración server_container_url y agrega tu URL del servidor de etiquetado como valor.

4.1.2 Crear un cliente de Google Analytics 4 en el contenedor del servidor de GTM. Para hacerlo, abre la sección de clientes → Crear nuevo cliente → Selecciona tipo de cliente Google Analytics: GA4 (Web) → Agrega el nombre del cliente y haz clic en guardar.

Si la casilla "Rutas predeterminadas de gtag.js para ID específicos" está marcada: el contenedor del servidor gestionará las solicitudes de la biblioteca JavaScript de Google Tag, además de las solicitudes de eventos individuales habilitadas por la configuración anterior. Utilice esta opción solo si ha añadido el fragmento gtag.js a su código fuente y ha actualizado su URL para que apunte a su servidor de etiquetado.

Si la casilla no está marcada: El cliente GA4 ignorará las solicitudes de la biblioteca JavaScript de Google Tag.Habilite esta configuración y especifique todos los ID de medición GA4 (G-XXXXXXX) para los que desea que se cargue la biblioteca JavaScript a través de su endpoint del lado del servidor.

También puede leer más sobre los parámetros específicos de cada región en nuestro blog.

4.1.3 En el contenedor del servidor de GTM, crea una nueva etiqueta con el tipo de etiqueta Google Analytics: GA4.

4.1.4 Agrega el ID de medición y el nombre del evento.

ID de medición: Sigue esta guía para encontrar el ID de GA4. Puedes añadirlo como una variable o, si el evento proviene de una etiqueta web de GA4, puedes dejar este campo en blanco para heredar el ID de medición del evento.

Nombre del evento: El nombre del evento que se enviará a Google. Consulta los eventos recomendados para más información. Si este campo está en blanco, se enviará el valor del parámetro event_name.

4.1.5 Haz clic en Activadores y configura un activador con el tipo de activador "Personalizado" que se activará cada vez que el nombre del cliente sea igual a GA4 (o el nombre del cliente de GA4 que especificaste en el paso 2.b) → Haz clic en guardar.

4.2.1 Dentro del contenedor Web, crea una nueva etiqueta con el tipo de etiqueta Google Tag. Agrega tu ID de Google Tag.

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

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

Estos parámetros pueden, por ejemplo, definir si deseas enviar un evento de vista de página cada vez que se activa una etiqueta de Google, establecer parámetros UTM, configurar el ID del cliente, etc. Hay una lista de parámetros estándar de configuración de etiquetas de Google.

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

4.2.3 Ve a tu contenedor de servidor de Google Tag Manager. Haz clic en Clientes y Nuevo.

4.2.4 Elige Google Analytics: GA4 (web) y haz clic en Guardar.

4.2.5 Ve a Etiquetas y haz clic en Nuevo.

4.2.6 Elige Google Analytics: GA4.

4.2.7 Agrega el ID de Medición y el Nombre del Evento.

ID de Medición: Sigue esta guía para encontrar tu ID de GA4. Puedes agregarlo como una variable o, si el evento proviene de una etiqueta web de GA4, puedes dejar este campo en blanco para heredar el ID de medición del evento.

Nombre del Evento: El nombre del evento que se enviará a Google. Consulta los eventos recomendados para obtener más información. Si este campo está en blanco, se enviará el valor del parámetro event_name.

4.2.8 Haz clic en Desencadenador.

4.2.9 Crea desencadenadores para la etiqueta. El nombre del cliente debe ser igual a GA4. Ejemplo:

Haz clic en "+".

Elige tipo personalizado → haz clic en Algunos eventos → selecciona Nombre del Cliente en variables integradas → establece Igual a GA4 (el nombre de tu cliente GA4) → haz clic en Guardar.

4.2.10 Abre los depuradores de GTM web y servidor y prueba la configuración.

Abre el modo de vista previa del contenedor de servidor y verifica que ves solicitudes de GA4. Publica las actualizaciones dentro de los contenedores de Google Tag Manager para servidor y web.

El Cargador Personalizado modifica las rutas de carga de gtag.js y gtm.js para resistir bloqueadores de anuncios y ITPs, lo que potencialmente puede aumentar el volumen de datos hasta en un 40%.

5.1 Encuentra y copia tu ID de GTM web en GTM. Para encontrar el ID de GTM, inicia sesión en tu cuenta de Google Tag Manager y abre un contenedor web de GTM. En la esquina superior derecha (junto a los botones de Enviar y Vista previa) verás un texto corto que comienza con "GTM-" seguido de algunas letras/números.

5.2 Abre tu contenedor sGTM en Stape → Haz clic en Power-Ups.

Encuentra Cargador Personalizado y haz clic en Usar.

5.3 Agrega los siguientes ajustes:

Dominio - de la lista de dominios conectados a su contenedor, seleccione los necesarios. 

Web GTM ID - añada web Google Tag Manager ID. Vea cómo encontrar el ID GTM web en nuestra guía.

Pasar por alto el bloqueo de anuncios GA4 - permite pasar por alto el impacto de los bloqueadores de anuncios en el código de seguimiento GA4. Tenga en cuenta que esta configuración afectará a todos los dominios contenedores. Asegúrese de depurar tanto el contenedor GTM web como el servidor después de activar esta opción.

Ruta del mismo origen - si utiliza el enfoque del mismo origen para configurar el dominio personalizado, especifique la ruta del proxy para las solicitudes. Más información.

Platform - the Custom Loader code differs for each platform. Select your platform or "Other" if it is not on the list.

Si no utiliza ninguno de estos CMS o no desea utilizar los plugins de Stape, seleccione Otro. Verás código GTM web actualizado → Copia este script GTM web y añade o reemplaza el script GTM web existente en tu sitio.

Agrega el siguiente registro dentro de tu etiqueta de Google en el contenedor de Google Tag Manager web.

Parámetro de configuración: server_container_url

Valor: es tu nombre de dominio en el administrador de stape.io.

Le sugerimos que empiece con la vista previa y el modo de depuración de Tag Manager para asegurarse de que sus etiquetas se activan cuando deberían. La herramienta de depuración de GTM te mostrará qué etiquetas y eventos se añadieron al sitio y si se activaron o no en determinadas páginas/disparadores.

El modo de depuración del contenedor del servidor del gestor de etiquetas funciona de forma similar al depurador web. Sólo tienes que hacer clic en el botón de vista previa en la esquina superior derecha. A continuación, navegue a las diferentes páginas y haga clic en el botón o realice eventos configurados en el contenedor del servidor.

Vuelva al depurador de Tag Manager y compruebe qué etiquetas y eventos se activaron y si todos los parámetros necesarios se enviaron al dataLayer. Si todo funciona correctamente, podemos pasar al siguiente paso.

GA4 tiene una vista de depuración que le mostrará todos los eventos, parámetros de eventos y datos de usuario procesados por GA4. Para encontrar el depurador de GA4, haga clic en Configure → Debug view.

Para asegurarse de que las solicitudes se envían desde una URL de etiquetado personalizada, tendrá que profundizar en la zona del desarrollador. Aquí necesitaremos las herramientas para desarrolladores de Chrome o Safari (también puedes utilizar otros navegadores).

En Mac, puedes acceder a la herramienta de desarrollo pulsando command+option+I o el botón derecho del ratón y, a continuación, Inspeccionar.

Una vez abierta la herramienta para desarrolladores, ve a la pestaña Red y actualiza la página. Cuando estés dentro del filtro, escribe collect. Debería ver las peticiones GA4. Haz clic en GA4 request, y en la parte derecha, verás parámetros adicionales.

Tenga en cuenta que debe comprobar si puede ver la URL del servidor de etiquetado dentro de la URL de solicitud. Es la que has añadido al contenedor del servidor y dentro de la variable o etiqueta GA4.

Nota: las cookies sólo se ampliarán si utiliza un subdominio personalizado dentro de la URL de etiquetado. Por ejemplo, la URL de su sitio web es ejemplo.com. Entonces, el dominio personalizado para la URL de etiquetado debería ser gtm.ejemplo.com.

Ve a la pestaña de aplicaciones dentro de la herramienta para desarrolladores que has utilizado en el paso dos. Haz clic en Almacenamiento → Cookies. En la parte derecha, encontrarás las cookies denominadas FPID; comprueba la fecha en la columna «caduca». De esta forma, las cookies deberían extenderse hasta 2 años. Estoy escribiendo este post en febrero de 2021, y mi cookie caducará en febrero de 2023. Si no utilizas el seguimiento del lado del servidor y una URL de etiquetado personalizada situada bajo tu dominio principal, Safari reducirá la duración de las cookies a 1 o 7 días. Si ve que las cookies no se han ampliado, vaya al cliente GA4 dentro del contenedor del servidor, haga clic en más ajustes y compruebe qué aspecto tienen los Ajustes de cookies del servidor en la captura de pantalla siguiente. O asegúrese de que está utilizando una URL de etiquetado personalizada que se parece a gtm.sudominio.com.

1. Modelo de datos basado en eventos

El modelo de datos basado en eventos te permite crear un evento para cualquier actividad del sitio web que desees registrar dentro de GA4. También puedes usar parámetros que añaden más valor y descripción a cada evento. Google ha preparado una lista de nombres de eventos recomendados para usar en GA4, pero también puedes crear eventos y parámetros personalizados.

2. Informes multidispositivo

Para el análisis de tráfico y ventas, el seguimiento de usuarios/conversiones entre dispositivos es fundamental. Imagina que un usuario vio tu anuncio de Adwords en el móvil y hizo clic en él. Por alguna razón, decidió continuar con el pago en el escritorio. Sin embargo, el usuario no inició sesión en ningún servicio de Google, por lo que Google no puede reconocerlo y acreditar ese clic de Adwords en particular. Como resultado, la fuente de conversión se pierde y la información para optimizar Adwords es incompleta.

Para resolver este problema, Google lanzó Signals. Google integró la funcionalidad de Signals en GA4 y añadió aprendizaje automático. Está diseñado para identificar usuarios que no han iniciado sesión en ningún servicio de Google. El aprendizaje automático llena todos los vacíos si un usuario no ha iniciado sesión en los servicios de Google o su dispositivo no puede ser identificado mediante huellas digitales.

Por defecto, la recopilación de datos de señales de Google no está habilitada dentro de GA4. Debes habilitarla manualmente yendo a la configuración → haciendo clic en configuración de datos → recopilación de datos.

Otra configuración esencial (y nueva) que deberías considerar comprobar es cómo GA4 identifica a los usuarios.

Tiene dos opciones

3. Eventos predefinidos

Google identificó los eventos más comúnmente utilizados por los mercadólogos y propietarios de negocios en Google Analytics y GTM, y los añadió a la funcionalidad de medición mejorada.

Ahora, las vistas de página, desplazamientos, clics en enlaces externos, búsquedas en el sitio, participación en videos y descargas de archivos se rastrean de forma predeterminada.

Esta función generalmente está habilitada para todas las propiedades de GA4. Pero debes asegurarte de que esté activada en tu cuenta. Para hacer eso, ve a Data Streams → elige Detalles del flujo web y verifica si todos los eventos están habilitados.

4. Centro de análisis e integración con BigQuery

Google rediseñó completamente el centro de análisis/informes dentro de GA4. Permite a los usuarios crear tablas dinámicas, tablas y filtros fácilmente. También hay una galería de plantillas, similar a lo que tienen en DataStudio. Así que podrás analizar datos de manera más eficiente y pasar menos tiempo creando informes personalizados.

La exportación a BigQuery está disponible para todos los usuarios de GA4. En resumen, puedes exportar datos de GA4 a BigQuery, que se puede integrar con otras fuentes, como tu CRM.

5. Límite de dimensiones y métricas personalizadas

In GA4, the limit of custom dimensions and metrics increased. Google Analytics 4 allows to have 25 user scoped, and 50 events scoped custom dimensions. Custom metrics increased to 50. An increased number of custom metrics and dimensions gives more flexibility for the customization of GA4.

6. Vista de depuración de GA4

El depurador de GA4 es extremadamente útil para las personas que están configurando Google Analytics 4. La vista previa habilitada te permite ver qué eventos, propiedades de eventos y datos de usuarios procesa GA4. Esto hace que la configuración de GA4 sea mucho más rápida y fácil.

7. Otras ventajas

Es posible que ya estés cansado de leer sobre por qué GA4 es tan bueno. Así que aquí tienes un resumen rápido de otros beneficios: evaluación de la audiencia basada en su probabilidad de comprar en los próximos días, combinación de análisis web y de aplicaciones, y mucho más.

GA4 y el etiquetado del servidor de GTM se crearon para adaptarse a las reglas actuales de seguimiento mundial, las tecnologías web, las restricciones y la seguridad de los datos. Necesitarás tiempo para acostumbrarte a la nueva interfaz y características y entender cómo pueden adaptarse mejor a las necesidades de tu sitio web y negocio.

Si migrar a GA4 y los contenedores de servidor de GTM es complejo o te das cuenta de que necesitas asistencia, no dudes en contactarnos. Podemos responder tus preguntas o realizar la configuración por ti.