Añadir a un sitio web la etiqueta de Google Analytics para enviar datos a propiedades Google Analytics 4 usando gtag.js

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