Analítica en Lovable: integrada, Google Analytics o eventos

En resumen: la analítica de Lovable te dice cuántas personas visitaron tu app y de dónde vinieron. Para saber qué hacen dentro (registrarse, crear algo, pagar), añade una herramienta de seguimiento de eventos. El vídeo de abajo lo hace con un prompt, en 38 segundos (en inglés).

Qué registra la analítica integrada de Lovable#

Cada proyecto de Lovable publicado recoge estadísticas de tráfico automáticamente. Ábrelas desde More → Analytics en la barra del editor. No hay nada que instalar.

El seguimiento está activado por defecto. Puedes desactivarlo en Project settings → General → Publishing → Visitor analytics.

Dónde se queda corta la analítica de Lovable#

• Sin acciones. Cuenta las visitas a tu página de registro, no cuántas personas se registraron.
• Sin campañas. No lee parámetros UTM: no puedes comparar dos publicaciones de lanzamiento o dos newsletters.
• Sin embudos. No ves dónde abandonan entre la landing y el pago.
• Asistentes de IA escondidos en Direct. Las visitas desde ChatGPT o Perplexity solo aparecen como fuente si el navegador envía un referrer, algo que a menudo no pasa (ver por qué el tráfico de IA aparece como directo).

Basta para comprobar que un lanzamiento atrajo gente. No basta para saber si tu app les sirve.

Google Analytics en Lovable#

Lovable tiene un conector de Google Analytics: abre Connectors → Google Analytics, pega tu ID de medición (G-…) y conecta. Tu app carga gtag.js y envía páginas vistas, incluidos los cambios de ruta en el cliente, además de eventos personalizados y conversiones.

GA4 es potente, pero es mucha herramienta para una app pequeña: informes que configurar, eventos que marcar como clave y cifras que llegan horas después.

Seguimiento de eventos con Shipabase, en un prompt#

Shipabase es analítica de producto para apps hechas con IA. Añade lo que le falta al panel de Lovable, sin cookies ni datos personales. Es lo que muestra el vídeo:

1. 1

   Crea una app y copia tu clave

   En Shipabase, crea una app y copia su clave pública (SB-EU-…) en la página Setup. La clave solo puede escribir eventos, así que puede ir en el código del navegador.

2. 2

   Pide a Lovable que añada Shipabase

   Pega esto en el chat de Lovable, con tu clave:

   1Add Shipabase analytics to this app with the @shipabase/js package.2My app key is SB-EU-xxxxxxxxxx. Follow https://shipabase.dev/llms.txt exactly.

   Lovable lee las instrucciones, instala el paquete, llama a init una vez al arrancar la app y añade eventos para tus acciones clave.

3. 3

   Abre tu app y míralo en directo

   Visita tu app publicada: las páginas vistas se registran automáticamente y tu primer visitante aparece en la vista Live en segundos.

Para el código Vite y TanStack Start, las visitas de vista previa y los primeros eventos a registrar, mira la guía completa: cómo añadir analítica a una app de Lovable.

Analítica de Lovable, Google Analytics o Shipabase#

¿Cuál elegir?#

• Acabas de lanzar y quieres un primer vistazo: la analítica integrada de Lovable basta.
• Ya usas Google Analytics y aceptas un banner de cookies: usa el conector de GA de Lovable.
• Quieres saber qué hacen tus usuarios, sin banner: añade Shipabase. Puedes mantener el panel de Lovable a la vez.

Qué registrar primero en una app de Lovable#

Empieza con 5 a 10 acciones reales, con nombres objeto_verbo en pasado: signup_completed, project_created, checkout_completed. Las props describen la acción (plan, cantidad, método), nunca a la persona: ni emails, ni nombres, ni IDs de usuario.