Flowsery Analytics auf einer Lovable-Website einrichten...

Lovable ist ein KI-gestützter Website-Builder, der Websites aus Prompts generiert. Da Sie keinen Code direkt schreiben, werden Sie Lovables KI bitten, das Flowsery Analytics Tracking-Snippet für Sie einzubetten.

Schritt 1: Flowsery Analytics Details sammeln

Bevor Sie Lovable prompten, öffnen Sie Ihre Flowsery Analytics Website-Einstellungen und kopieren Sie Ihre Website-ID (z.B. "flid_**").

Alles, was Sie brauchen, finden Sie im Tracking-Snippet, das so aussieht:

HTML

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

Schritt 2: Diesen Prompt in Lovables Chat einfügen Kopieren Sie die folgende Vorlage, ersetzen Sie den Platzhalter durch Ihre

tatsächliche Website-ID, und senden Sie sie an Lovable:

HTML

load 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 ## Schritt 3: Einrichtung bestätigen Sobald Lovable die Änderungen bestätigt:
  1. **Website veröffentlichen** -- Verwenden Sie Lovables Veröffentlichungs-Button (oben rechts) 2. **Live-Website besuchen** -- Öffnen Sie nach der
  Veröffentlichung die tatsächliche URL 3. **Dashboard überprüfen** -- Öffnen Sie Ihr Flowsery Analytics Dashboard und suchen Sie nach eingehenden
  Seitenaufrufen (kann einige Minuten dauern) Für weitere Optionen wie Localhost-Tracking, benutzerdefinierte API-Endpunkte oder
  Cross-Domain-Konfiguration lesen Sie die [Script-Konfigurationsreferenz](/docs/script-configuration). ## Fehlerbehebung Wenn Sie keine
  Analytics-Daten sehen: **Bitten Sie Lovable, es zu überprüfen:** `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>

Häufige Probleme:

Script nur auf der Startseite statt global hinzugefügt
Falsche oder fehlende Website-ID
Implementierung passt nicht zum verwendeten Framework
Framework-spezifische Komponenten nicht verwendet (z.B. rohes HTML in einer React-App statt der richtigen Komponente)
Website noch nicht veröffentlicht