Hoy vamos a aprender cómo crear un proyecto nuevo en Google Analytics para añadir en tu web (html, react, flutter etc…).

Lo primero que haremos es abrir Google Analytics (https://analytics.google.com/analytics/).
Utilizaremos nuestra cuenta de Google para iniciar sesión.
Ahora pulsamos en Administrar:

Si es la primera vez que creamos la cuenta nos saldrá directamente.
Pulsamos en Crear > Propiedad

Indicamos los detalles de la propiedad rellenando los datos solicitados.

Rellenamos los detalles de la empresa:

*Nota: No hace falta ser empresa, pero rellenamos los datos que correspondan.
Ahora pedriá los objetivos que queremos.
En mi caso marco Tráfico e Interacción.

Y pulsamos en Crear.
Ahora tenemos que completar el asistente de configuración:

Primero generaremos una etiqueta web que debemos añadir en nuestra web.
<!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=CODE_GOOGLE"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'CODE_GOOGLE'); </script>
Tendremos un código parecido a este, debemos copiar y pegarlo en el head de nuestra web.
Antes de empezar tendremos que configurar el consentimiento de anuncios para el espacio europeo:

Abrimos el asistente y completamos la configuración:

Marcaremos que no tenemos banner para que lo cree automáticamente:

Ahora aparecerá el asistente para instalar el banner.
Y podemos utilizar uno de los CMS disponibles.
También podemos crear el nuestro personalizado:
Crear un consentimiento para React con Next.js: https://devcodelight.com/crear-un-aviso-de-cookies-para-react-con-next-js/
Una vez añadido ya podemos probarlo. Y empezarán a aparecer datos en nuestra web.

Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon.