Analytics Lovable : intégrées, Google Analytics ou événements ?

En bref : les analytics de Lovable vous disent combien de personnes ont visité votre app et d’où elles viennent. Pour savoir ce qu’elles y font (s’inscrire, créer quelque chose, payer), ajoutez un outil de suivi d’événements. La vidéo ci-dessous le fait en un prompt, en 38 secondes (en anglais).

Ce que suivent les analytics intégrées de Lovable#

Chaque projet Lovable publié collecte ses statistiques de trafic automatiquement. Ouvrez-les depuis More → Analytics dans la barre d’outils de l’éditeur. Rien à installer.

Le suivi est activé par défaut. Vous pouvez le couper dans Project settings → General → Publishing → Visitor analytics.

Les limites des analytics Lovable#

• Pas d’actions. Elles comptent les visites de votre page d’inscription, pas le nombre de personnes inscrites.
• Pas de campagnes. Elles ne lisent pas les paramètres UTM : impossible de comparer deux posts de lancement ou deux newsletters.
• Pas de funnels. Vous ne voyez pas où les gens décrochent entre la landing page et le paiement.
• Assistants IA cachés dans Direct. Les visites venues de ChatGPT ou Perplexity n’apparaissent comme source que si le navigateur envoie un referrer, ce qui manque souvent (voir pourquoi le trafic IA apparaît en direct).

C’est suffisant pour vérifier qu’un lancement a amené du monde. Pas pour savoir si votre app leur sert vraiment.

Google Analytics dans Lovable#

Lovable propose un connecteur Google Analytics : ouvrez Connectors → Google Analytics, collez votre ID de mesure (G-…) et connectez. Votre app charge alors gtag.js et envoie les pages vues, changements de route côté client compris, ainsi que des événements personnalisés et des conversions.

GA4 est puissant, mais c’est beaucoup d’outil pour une petite app : des rapports à configurer, des événements à marquer comme clés, et des chiffres qui arrivent des heures plus tard.

Suivre les événements avec Shipabase, en un prompt#

Shipabase est un outil d’analytics produit pensé pour les apps créées avec l’IA. Il ajoute ce qui manque au dashboard de Lovable, sans cookies ni données personnelles. C’est ce que montre la vidéo :

1. 1

   Créez une app et copiez votre clé

   Dans Shipabase, créez une app et copiez sa clé publique (SB-EU-…) depuis la page Setup. Cette clé ne peut qu’écrire des événements : elle peut sans risque figurer dans le code du navigateur.

2. 2

   Demandez à Lovable d’ajouter Shipabase

   Collez ceci dans le chat de Lovable, avec votre clé :

   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 lit les instructions, installe le package, appelle init une fois au démarrage de l’app et ajoute des événements pour vos actions clés.

3. 3

   Ouvrez votre app et regardez en direct

   Visitez votre app publiée : les pages vues sont suivies automatiquement, et votre premier visiteur apparaît dans la vue Live en quelques secondes.

Pour le code Vite et TanStack Start, les visites de prévisualisation et les premiers événements à suivre, voir le guide complet : comment ajouter des analytics à une app Lovable.

Analytics Lovable, Google Analytics ou Shipabase#

Lequel choisir ?#

• Vous venez de lancer et voulez un premier aperçu : les analytics intégrées de Lovable suffisent.
• Vous utilisez déjà Google Analytics et acceptez un bandeau cookies : prenez le connecteur GA de Lovable.
• Vous voulez savoir ce que font vos utilisateurs, sans bandeau : ajoutez Shipabase. Vous pouvez garder le dashboard Lovable en parallèle.

Quoi suivre en premier dans une app Lovable#

Commencez par 5 à 10 vraies actions, nommées objet_verbe au passé : signup_completed, project_created, checkout_completed. Les props décrivent l’action (offre, nombre, méthode), jamais la personne : ni e-mail, ni nom, ni identifiant utilisateur.