Como desarrollador, aprenda lo que necesita saber sobre el nuevo cambio a GA4.
De acuerdo con la codificación Level Up:
El 1 de julio de 2023, las propiedades estándar de Universal Analytics dejarán de procesar nuevos eventos. Si aún confía en Universal Analytics, es hora de comenzar a pensar en migrar a Google Analytics 4 (GA4).
GA4 es una nueva versión de Google Analytics que ofrece varias características nuevas, incluidos controles de privacidad mejorados, seguimiento mejorado entre dispositivos y un enfoque más centrado en el usuario para la recopilación de datos.
En este artículo, lo guiaré sobre cómo migrar de Universal Analytics a GA4 y mostraré los fragmentos de código más importantes para garantizar una transición sin problemas.
Migración paso a paso de Universal Analytics a Google Analytics 4
El primer paso para migrar de Universal Analytics a GA4 es crear una nueva propiedad GA4 en su cuenta de Google Analytics. Puede crear una nueva propiedad de GA4 junto con su propiedad de Universal Analytics existente, que puede ejecutarse simultáneamente.
Una vez que haya creado la nueva propiedad, debe actualizar el código de seguimiento de su sitio web para enviar datos a GA4. El código de seguimiento de GA4 es diferente al de Universal Analytics y requiere un nuevo conjunto de fragmentos de código.
Para usar GA4, deberá incluir el código de seguimiento de GA4 en cada página de su sitio web, al igual que Universal Analytics. GA4 utiliza la biblioteca de etiquetas de sitios globales (gtag.js) para recopilar datos, que se pueden agregar a su sitio web mediante una etiqueta de secuencia de comandos. La biblioteca gtag.js también es compatible con otras tecnologías de seguimiento, como Google Ads y Tag Manager. Para incluir la biblioteca gtag.js, agregue el siguiente fragmento de código a la sección principal de su sitio web:
Reemplace GA_MEASUREMENT_ID con su ID de medición de GA4, que puede encontrar en la configuración de propiedades de GA4.
Si ve un código antiguo de analytics.js, debe eliminarlo.
Por ejemplo: etiqueta de script con src https://www.google-analytics.com/analytics.js o eventos como ga('create', 'TAG_ID', 'auto') o ga('send', 'pageview') ;
¿Qué pasa con los sitios donde se usa más de un análisis? Por ejemplo, GA4, junto con Meta Pixel y Adobe Analytics. La carga de cada secuencia de comandos para el seguimiento de los usuarios afectará el rendimiento del sitio.
Google tiene una solución para esto: Google Tag Manager (GTM). Lo que le permite administrar múltiples códigos de seguimiento en un solo lugar.
Con Google Tag Manager, puede optimizar el seguimiento de su sitio web agregando solo un script a su sitio web en lugar de agregar varios códigos de seguimiento. También puede utilizar las funciones avanzadas de Google Tag Manager, como activadores de activación de etiquetas y variables personalizadas, para controlar mejor cuándo y cómo se utilizan sus códigos de seguimiento.
GTM puede simplificar la vida de su equipo de marketing, permitiéndoles agregar nuevos eventos sin pedir ayuda a los desarrolladores.
Para agregar GA4 a su sitio web usando GTM, puede seguir estos pasos:
Cree una cuenta de Google Tag Manager: si aún no lo ha hecho, cree una nueva cuenta en GTM y cree un contenedor para su sitio web.
Instale el código GTM en su sitio web: siga las instrucciones en Google Tag Manager para instalar el código de seguimiento.
Cree una nueva etiqueta GA4: en Google Tag Manager, cree una nueva etiqueta y seleccione el tipo de etiqueta "Google Analytics: Configuración GA4". Ingrese su ID de medición GA4 y seleccione la configuración de seguimiento adecuada.
Configure activadores de etiquetas: cree activadores para especificar cuándo debe activarse la etiqueta, como cuando un usuario hace clic en un botón o envía un formulario.
Publique sus etiquetas: obtenga una vista previa para asegurarse de que funcionan correctamente y luego publíquelas en su sitio web.
En el paso 2, debe agregar una secuencia de comandos de Google Tag Manager para que todo funcione en su sitio. Aquí hay un ejemplo de cómo se ve el script GTM:
Reemplace "GTM-XXXXXXX" con su propio ID de contenedor de Google Tag Manager. Pero, por supuesto, es mejor tomar el último script de la consola GTM.
Cómo migrar eventos y objetivos de Universal Analytics a GA4 y realizar un seguimiento
Los eventos y objetivos son componentes esenciales de Google Analytics, lo que le permite realizar un seguimiento del comportamiento de los usuarios y medir la eficacia de sus campañas de marketing. En GA4, los eventos y objetivos se crean y rastrean utilizando una nueva sintaxis diferente de Universal Analytics.
Para crear un evento en GA4, puede usar la biblioteca gtag.js para enviar los datos del evento a Google Analytics. Este es un ejemplo de cómo enviar un evento en GA4 usando la biblioteca gtag.js:
gtag('evento', 'clic', {
'categoría_de_eventos': 'botón',
'event_label': 'Contáctenos',
'valor': 1
});
Anteriormente, era algo como esto:
ga('enviar', 'evento', 'categoría', 'acción', 'etiqueta', valor);
Para migrar objetivos de Universal Analytics a GA4, deberá volver a crearlos en la configuración de propiedades de GA4. GA4 ofrece un enfoque más flexible y personalizable de los objetivos, lo que le permite definir eventos de conversión personalizados y asignarlos a diferentes tipos de conversión.
Si necesita realizar un seguimiento de los eventos de objetivos de conversión, ahora debe llamar al evento de esta manera:
gtag('evento', 'conversión', {
'enviar_a': 'GA_MEASUREMENT_ID',
'valor': 100,
'Moneda: USD',
'id_transacción': '1234abcd'
});
Puede encontrar más información sobre eventos estándar en GA4 en el centro de ayuda de Google Analytics.
Cómo usar GA4 sin cookies
Hoy en día, si su proyecto está dirigido a usuarios de la UE o EE. UU., debe notificarles sobre el uso de cookies, explicar claramente por qué lo hace y solicitar su aprobación. Está claro qué hacer si el usuario nos permite utilizar cookies para el seguimiento, pero ¿qué debemos hacer nosotros (los desarrolladores) si el usuario lo rechaza?
Hay varias formas de utilizar GA4 sin cookies:
La primera opción es la eliminación de datos de usuario. GA4 le permite eliminar datos de usuario de Google Analytics cuando un usuario lo solicita. Para usar la API de eliminación de usuarios, puede usar el siguiente fragmento de código:
gtag('config', 'GA_MEASUREMENT_ID', {
'propiedades_usuario': {
'id_usuario': nulo
}
});
En este ejemplo, eliminamos la propiedad user_id para el ID de medición de GA4. Entonces, GA4 rastreará todo como siempre, pero no lo asociará con esta persona. Si el usuario vuelve a visitar su sitio en un día o desde otro dispositivo, lo rastreará como un usuario nuevo y único.
La segunda opción es el nuevo Modo de Consentimiento. El modo de consentimiento le permite controlar el seguimiento de los datos del usuario en función de su consentimiento. Para usar el modo de consentimiento en la UE, deberá incluir un banner de consentimiento de cookies en su sitio web y dar a los usuarios la opción de aceptar o rechazar el seguimiento. Aquí hay un ejemplo de cómo usar el modo de consentimiento con un banner de consentimiento de cookies:
if (/* el usuario ha optado por participar */) {
gtag('consentimiento', 'actualizar', {
'ad_storage': 'concedido',
'analytics_storage': 'concedido'
});
} Else {
gtag('consentimiento', 'actualizar', {
'ad_storage': 'denegado',
'analytics_storage': 'denegado'
});
}
Si el usuario prohíbe totalmente el uso de sus cookies, debe configurar lo siguiente:
gtag('consentimiento', 'actualizar', {
ad_storage: "denegado",
analytics_storage: "denegado",
funcionalidad_almacenamiento: “denegado”,
personalización_almacenamiento: “denegado”,
security_storage: "denegado"
});
En este caso, GA4 nunca tocará las cookies del usuario, pero los datos en tiempo real no funcionarán. Verá los análisis con cierto retraso.
Y hay una tercera forma alternativa de rastrear el comportamiento del usuario sin cookies utilizando el Protocolo de medición. El Protocolo de medición le permite enviar datos directamente a GA4 mediante solicitudes HTTP, evitando la necesidad de cookies. Para enviar datos a GA4 mediante el Protocolo de medición, puede utilizar el siguiente fragmento de código:
const medición_id = G-XXXXXXXXXX;
constante api_secreto = <secret_value>;
buscar(https://www.google-analytics.com/mp/collect?measurement_id=${measurement_id}&api_secret=${api_secret}, {
método: 'POST',
cuerpo: JSON.stringify({
'id_cliente': 'GA_MEASUREMENT_ID',
'eventos': [{
'nombre': 'vista_página',
'parámetros': {
'título_página': documento.título,
'ubicación_página': ventana.ubicación.href,
'page_path': ventana.ubicación.nombreruta
}
}]
})
});
Donde los parámetros de consulta son:
api_secret – Obligatorio. Un SECRETO API generado en la interfaz de usuario de Google Analytics. Para crear un nuevo secreto, vaya a:
Admin > Flujos de datos > elija su flujo > Protocolo de medición > Crear
id_medida – Obligatorio. El ID de medición está asociado con una secuencia. Se encuentra en la interfaz de usuario de Google Analytics en:
Admin > Flujos de datos > elija su flujo > ID de medición
Este método alternativo también se puede utilizar en el back-end. Obtenga más información sobre la API HTTP en la documentación de GA4.
¿Qué es la personalización de anuncios en GA4? ¿Lo necesitamos? ¿Cómo deshabilitarlo?
La personalización de anuncios es una nueva característica de GA4 que le permite recopilar datos sobre las interacciones de los usuarios con los anuncios y personalizar sus experiencias publicitarias. La personalización de anuncios está habilitada de manera predeterminada en GA4, pero puede deshabilitarla si es irrelevante para su negocio o infringe las normas locales de privacidad de datos.
Para deshabilitar la personalización de anuncios en GA4, puede usar el siguiente fragmento de código cuando inicie GA:
gtag('set', 'allow_ad_personalization_signals', false);
También puede deshabilitar la Personalización de anuncios en la configuración de GA4.
Página de la cuenta de Google => Datos y privacidad en la barra lateral izquierda => En la configuración de anuncios, haga clic en Personalización de anuncios => En Personalización de anuncios, desactive el interruptor junto a Personalización de anuncios activada.
¡Eso es todo! Con la guía paso a paso y los fragmentos de código de este artículo, puede garantizar una transición sin problemas a GA4 y aprovechar sus nuevas funciones, como el modo de consentimiento, el seguimiento flexible de objetivos e incluso el seguimiento sin script gtag. Además, el cumplimiento de las normas locales de privacidad de datos, como GDPR y CCPA, se puede lograr fácilmente utilizando las herramientas y funciones proporcionadas por Google Analytics.
Fuente original: https://levelup.gitconnected.com/ga4-the-new-standard-for-web-tracking-a-guide-for-developers-cce2dece8ce7