Set up Flowsery Analytics in a Lovable website

Lovable is an AI-powered website builder that generates sites from prompts. Since you do not write code directly, you will ask Lovable's AI to embed the Flowsery Analytics tracking snippet for you.

Step 1: Gather your Flowsery Analytics details

Before prompting Lovable, open your Flowsery Analytics website settings and copy your Website ID (e.g., "flid_**").

Everything you need is in the tracking snippet, which looks like this:

HTML

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

Step 2: Paste this prompt into Lovable's chat Copy the template below, substitute the placeholder with your actual Website ID,

then send it to Lovable:

HTML

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 ## Step 3: Confirm the setup Once Lovable confirms the changes: 1. **Publish
  your website** -- Use Lovable's publish button (top-right corner) 2. **Browse your live site** -- After publishing, open the actual URL 3. **Check
  the dashboard** -- Open your Flowsery Analytics dashboard and look for incoming pageviews (may take a few minutes) For additional options such as
  localhost tracking, custom API endpoints, or cross-domain configuration, refer to the [script configuration reference](/docs/script-configuration).
  ## Troubleshooting If you are not seeing analytics data: **Ask Lovable to double-check:** ```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>

Common issues:

Script only added to the homepage rather than globally
Incorrect or missing Website ID
Implementation does not match the framework in use
Framework-specific components not used (e.g., raw HTML in a React app instead of the proper component)
Website not yet published