Configurer Flowsery Analytics sur un site Lovable

Lovable est un constructeur de sites alimente par l'IA qui genere des sites a partir de prompts. Comme vous n'ecrivez pas directement le code, vous demanderez a l'IA de Lovable d'integrer le snippet de suivi Flowsery Analytics pour vous.

Etape 1 : Rassembler vos informations Flowsery Analytics

Avant de prompter Lovable, ouvrez les parametres de votre site Flowsery Analytics et copiez votre Website ID (par ex., "flid_**").

Tout ce dont vous avez besoin se trouve dans le snippet de suivi, qui ressemble a ceci :

HTML

<script defer data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js"></script>

Etape 2 : Collez ce prompt dans le chat de Lovable Copiez le modele ci-dessous, remplacez l'espace reserve par votre identifiant

de site reel, puis envoyez-le a Lovable :

HTML

on every page of the website. **If using raw HTML:** Add this script tag to the
 
<head>
  section of every page:
 
  <script defer data-fl-website-id="flid_******" src="https://cdn.flowsery.com/main.js"></script>
 
  **If using React, Next.js, or similar frameworks:** Add the appropriate script component to load on every page. For example: - Next.js: Use the
  Script component from 'next/script' in the root layout - React: Add the script to the index.html or use useEffect to load it dynamically - Vite: Add
  to the index.html in the public folder Please use the method that's appropriate for the framework you're building my website with, and confirm what
  approach you used and that the tracking will work on all pages. `bash ## Etape 3 : Confirmer la configuration Une fois que Lovable confirme les
  modifications : 1. **Publiez votre site** -- Utilisez le bouton de publication de Lovable (coin superieur droit) 2. **Parcourez votre site en
  production** -- Apres la publication, ouvrez l'URL reelle 3. **Verifiez le tableau de bord** -- Ouvrez votre tableau de bord Flowsery Analytics et
  recherchez les pages vues entrantes (cela peut prendre quelques minutes) Pour des options supplementaires telles que le suivi en localhost, les
  endpoints API personnalises ou la configuration inter-domaines, consultez la [reference de configuration du script](/docs/script-configuration). ##
  Depannage Si vous ne voyez pas de donnees analytiques : **Demandez a Lovable de reverifier :** `html Can you please verify that the Flowsery
  Analytics tracking script is properly installed and will load on all pages? Please confirm: 1. What framework are you using for my website? 2. How
  did you implement the Flowsery Analytics tracking? 3. Can you show me where you added the script? 4. Will it load on every page, including future
  pages I create? The tracking should load this script: https://cdn.flowsery.com/main.js With my website ID: flid\_**\*\***. If something looks wrong, please fix it using the correct method for the framework you're using.
</head>

Problemes courants :

Le script n'est ajoute qu'a la page d'accueil au lieu d'etre global
Identifiant de site incorrect ou manquant
L'implementation ne correspond pas au framework utilise
Les composants specifiques au framework ne sont pas utilises (par ex., du HTML brut dans une application React au lieu du composant appropriate)
Le site n'est pas encore publie