Integrar Google Analytics 4

Cómo agregar GA4 sin penalizar el LCP y respetando el banner de cookies.

Actualizado el min de lectura

Crear propiedad GA4

En analytics.google.com crea una propiedad nueva, obtén el Measurement ID (formato G-XXXXXXX) y guárdalo en .env como GA_MEASUREMENT_ID.

Cargar el script

Carga gtag.js con defer al final del body, no en el head. Reduce el impacto en LCP y permite que el contenido cargue primero.

Consent mode

Configura GA con consent mode v2. Por defecto, denied. Solo después de que el usuario acepte el banner de cookies, actualiza a granted.

Cookie banner

El Starter incluye components/_cookie_banner.antlers.html. Conéctalo con gtag("consent", "update", {...}) según las categorías que el usuario acepte.

Eventos personalizados

Trackea clicks en CTAs importantes, envíos de formularios y descargas con gtag("event", "nombre", {...}). Ayuda a optimizar conversión.

¿Te fue útil este artículo?

✓ ¡Gracias por tu feedback!

Lamentamos que no haya sido lo que buscabas. ¿Quieres contactarnos directamente?

Contactar soporte

¿Aún necesitas ayuda?

Si no encontraste lo que buscabas, contáctanos y te ayudaremos lo antes posible.

Contactar soporte