Stape
Búsqueda
Pruébelo gratis

Cómo configurar el seguimiento de GA4 mediante el contenedor del lado del servidor de Google Tag Manager

Actualizado
11 oct 2024
Publicado
12 nov 2020
También disponible

En esta publicación de blog, explorarás algunas características avanzadas de Google Analytics 4 y cómo configurar GA4 del lado del servidor utilizando Google Tag Manager. Aprenderás cómo hacerlo resistente a los bloqueadores de anuncios y restricciones de seguimiento con la ayuda del complemento Stape Custom Loader.

El seguimiento de GA4 del lado del servidor tiene muchos beneficios. Los principales son:

  • Cumplimiento con las regulaciones de datos. El seguimiento del lado del servidor te brinda más control sobre la recolección, almacenamiento y procesamiento de datos, lo que te permite alinear tus operaciones de manejo de datos con las regulaciones que te afectan.
  • Anonimización de datos. Puedes anonimizar datos sensibles antes de enviarlos a GA4.
  • Mejora en la precisión y calidad de los datos. Los bloqueadores de anuncios, las limitaciones de los navegadores y las acciones de los usuarios impactan negativamente el seguimiento del lado del cliente, mientras que el seguimiento del lado del servidor de GA4 es menos sensible a estos problemas.
  • Mejor atribución y seguimiento de datos. El seguimiento del lado del servidor de GA4 proporciona modelos de atribución más confiables y datos de conversión más precisos, ya que algunos eventos del lado del servidor podrían perderse con los scripts del lado del cliente.
  • Protección mejorada de los datos. Los datos enviados desde el servidor a GA4 pueden estar protegidos mediante HTTPS, lo que reduce el riesgo de interferencias con los datos.

Introducción al seguimiento del 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 y menos propensos a ser manipulados.

Al utilizar una capa de datos, las empresas pueden mejorar aún más la precisión y la fiabilidad de los datos recopilados mediante el seguimiento del lado del servidor.

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. Ya sea que utilices Google Analytics 4 (GA4), el seguimiento del lado del servidor puede cambiar el juego para tu estrategia de recolección de datos.

how server-side tracking works

Tiene muchos beneficios, 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.

Antes de continuar, necesitas una cuenta activa de GA4. Vamos a configurar un contenedor de servidor GTM usando el servicio de Stape.

Paso 1. Crear un contenedor de servidor en Google Tag Manager

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

set up server gm

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

set up server gm

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

Paso 2. Crear una cuenta en Stape para alojar tu contenedor de servidor GTM

2.1 Ve a stape.io 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:

  • Nombre del contenedor. El nombre no necesariamente tiene que ser el mismo que el nombre del contenedor en tu servidor GTM.
  • Configuración del contenedor. Pega la configuración del contenedor que copiaste de tu contenedor de servidor de Google Tag Manager.
  • Ubicación del servidor. Selecciona la ubicación de tu servidor según la ubicación de la mayoría de tus clientes. La ubicación no se puede cambiar más tarde.

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."

Paso 3. Crear una URL personalizada para el servidor de etiquetado

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.

  • Mismo origen
  • Subdominio
  • Dominio predeterminado

Sin embargo, el método de "Mismo origen" es técnicamente avanzado y requiere un CDN o un balanceador de carga. Si deseas configurar el dominio de mismo origen, sigue esta guía en nuestro blog.

types of custom domain configuration

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.

  • Deshabilitar CDN: Elige no usar ningún tipo de CDN.
  • Stape Global CDN: Carga scripts desde un servidor más cercano al usuario que visita tu sitio web. Esta función es gratuita y está disponible para todos los contenedores sGTM de Stape.
  • Own CDN: Ayuda a etiquetar las URLs del servidor desde la misma IP que tu sitio web. Esto permite establecer cookies que Safari no puede acortar.

Deberás configurar un registro CNAME si no utilizas el CDN Global.

cdn settings on stape

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

cdn settings on stape

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. Si tienes algún problema verificando un dominio personalizado, sigue esta guía sobre cómo solucionar problemas de verificación de dominio personalizado.

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.

Agregar un subdominio personalizado con registros A y AAAA

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.

Paso 4. Configurar Google Analytics 4

Existen dos escenarios:

4.1 Si ya configuraste Google Analytics 4 dentro de tu contenedor web de GTM, lo único que debes hacer es:

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.

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 Si no tienes GA4 configurado, sigue los siguientes pasos:

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.

Paso 5. Configurar un Cargador Personalizado [opcional]

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:

  • Selecciona el dominio en el menú desplegable. Elige el dominio personalizado si configuraste un dominio personalizado para tu contenedor sGTM. De lo contrario, selecciona el predeterminado.
  • Agrega el ID de GTM web que copiaste en el primer paso.
  • Selecciona el CMS que utiliza tu sitio web o selecciona Otro. Esta configuración solo afecta las instrucciones de configuración. Stape tiene complementos de WordPress, Magento y Shopify que simplifican la configuración del etiquetado del lado del servidor.

Si no utilizas ninguno de estos CMS o no deseas usar los complementos de Stape, selecciona Otro. Verás el código actualizado de GTM web → Copia este script de GTM web y agrégalo o reemplázalo en tu sitio web.

Paso 6. Actualizar la URL del servidor de etiquetado de tu etiqueta de Google en el GTM web

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.

Paso 7. Cómo probar tu configuración

Abre los modos de vista previa de los contenedores web y servidor y verifica que ves solicitudes de GA4. Luego, publica la actualización dentro de los contenedores de Google Tag Manager para servidor y web. La API del Protocolo de Medición de GA4 permite a los desarrolladores enviar datos directamente a las propiedades de GA4 a través de solicitudes HTTP, mejorando la recolección de datos y la integración con otras opciones del lado del servidor.

Funciones avanzadas de GA4

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 datosrecopilació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

  • sólo por dispositivopo
  • ID de usuario, Google Signals y, a continuación, dispositivo

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.

Conclusión

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.

Etiquetado con:Google analytics

Aloje su servidor GTM en Stape¡ahora mismo!