En este artículo se describe cómo configurar una página web usando gtag.js para enviar datos a las propiedades Google Analytics 4 (GA4). Más información sobre las propiedades GA4
La etiqueta global de sitio web (gtag.js) es un marco de etiquetado JavaScript y una API que permite enviar datos de eventos a los productos de medición de Google. La etiqueta predeterminada que proporciona Google Analytics está basada en gtag.js y se puede obtener directamente en Google Analytics. También puedes implementar Google Analytics desde Tag Manager. Si quieres crear tu propia etiqueta de Analytics o integrar otra propiedad de Analytics con una instalación de gtag.js que ya tengas, sigue leyendo.
Instalar una etiqueta nueva
Si quieres instalar Google Analytics y no dispones de una etiqueta global de sitio web, usa este prototipo. Sustituye MEASUREMENT_ID
por el ID de la propiedad de Google Analytics a la que quieres enviar datos. Este código debería aparecer inmediatamente después de la etiqueta de apertura <head>
. Solo necesitas un fragmento global por página.
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'MEASUREMENT_ID');
</script>
Este código carga la biblioteca gtag.js, asigna un ID de medición predeterminado de Google Analytics y envía automáticamente un evento page_view
a Google Analytics.
Añadir otra propiedad de Google Analytics a una etiqueta
Para configurar una segunda propiedad de Google Analytics, añade otro comando config. Siguiendo con el ejemplo anterior, añade una entrada config y sustituye MEASUREMENT_ID_2
por el ID de la otra cuenta de Google Analytics:
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'MEASUREMENT_ID');
gtag('config', 'MEASUREMENT_ID_2');
</script>
También puedes añadir Google Analytics a etiquetas globales de sitio web procedentes de otros productos, como Google Ads o Floodlight. Más información
Recursos relacionados
- Centro de Ayuda de Google Analytics: Empezar a usar Analytics
- Centro de Ayuda de Google Analytics: Guía de implementación de gtag.js
- Google Developers: Guía para desarrolladores de gtag.js
- Centro de Ayuda de Google Tag Manager: Etiquetas de Google Analytics 4