Google Analytics le ayuda a realizar un seguimiento del comportamiento de los visitantes y a medir el rendimiento de su sitio web. Si utilizas Lovable, una herramienta para desarrolladores basada en IA, deberás añadir manualmente el código de seguimiento de Google Analytics para controlar el tráfico de tu sitio. No hay integración directa.
Empecemos.
- Crear una cuenta de Google Analytics
- Obtenga su ID de seguimiento de Google Analytics
- Añada el código de seguimiento a Lovable
- Compruebe la configuración
- Reflexiones finales
Antes de profundizar quiero mostrarte algo. Te prometo que vale la pena...
Google Analytics es grande, pero también complejo y un poco torpe. Si sólo quieres un panel de control sencillo con la información que necesita, GA no es un gran lugar para empezar. Además, a Google no le importa la privacidad y GA requiere un molesto banner de cookies.
Por eso hemos creado Simple Analytics, una herramienta de análisis sencilla y respetuosa con la privacidad: sin datos personales, sin cookies, sólo la información que necesitas en un panel de control sencillo.
Así es como se ve en comparación con GA. Siéntase libre de comprobar nuestros análisis en vivo para tener una idea de su proyecto. (Por cierto, es gratis)
Muy bien, suficiente sobre nosotros. ¡Ahora vamos a responder a su pregunta!
Crear una cuenta de Google Analytics
Si aún no tienes una cuenta de Google Analytics, ve a Google Analytics y regístrate. Selecciona "Web" como plataforma y sigue las instrucciones de configuración.
Obtenga su ID de seguimiento de Google Analytics
Una vez configurada su cuenta
- Vaya a Admin\ > Flujos de datos.
- Seleccione la propiedad de su sitio web.
- Copie el ID de medición (se parece a
G-XXXXXXXXXX).
Añada el código de seguimiento a Lovable
Añada la secuencia de comandos a la sección <head> del sitio web.
- Busca una forma de acceder a la sección de código personalizado o encabezado HTML de tu sitio en Lovable.
- Pega el siguiente código de seguimiento de Google Analytics dentro de la sección
<head>:
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XXXXXXXXXXXX'); </script>.- Sustituya
G-XXXXXXXXXXpor su ID de medición real.
Compruebe la configuración
- Abra Google Analytics.
- Vaya a Informes\ > En tiempo real y compruebe si se está realizando un seguimiento de sus visitas.
Reflexiones finales
Añadir Google Analytics a Lovable debería ser sencillo si puedes editar la sección <head> del sitio web.
Si prefieres algo más sencillo y respetuoso con la privacidad, echa un vistazo a Simple Analytics. Ofrecemos una solución de seguimiento ligera y fácil de usar sin comprometer la privacidad del usuario.