Set up Flowsery Analytics in a Bolt application

Bolt builds full-stack apps from AI prompts. Because the platform auto-generates code, you will need to guide Bolt's AI to include the Flowsery Analytics tracking snippet in your project.

Step 1: Collect your tracking details

Open your Flowsery Analytics website settings and copy your Website ID (e.g., "flid_**") and domain (e.g., "your_domain.com").

These values appear in your Flowsery Analytics tracking snippet:

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

Step 2: Send this prompt to Bolt

Copy the template below, fill in your own values, and paste it into Bolt:

I need to integrate Flowsery Analytics into my application. Please set up tracking that covers every page and route.

Add this analytics snippet to my project:

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

Implementation guidelines:
- For React/Next.js apps: Add the Script component to the root layout or _app.js
- For vanilla HTML apps: Include in the <head> section of all pages
- For Vue/Nuxt apps: Add to the app.vue or nuxt.config.js
- Ensure the script loads on every route and page
- Maintain the "defer" attribute for optimal performance

Please confirm the implementation method you used and verify that analytics will track across all pages of the application.

Step 3: Confirm the setup

After Bolt applies the changes:

  1. Test with preview -- Use Bolt's built-in preview to inspect your app
  2. Deploy the project -- Push live via Bolt's deployment options (Netlify, Vercel, etc.)
  3. Check your dashboard -- Open your Flowsery Analytics dashboard and watch for incoming traffic

For additional options such as localhost tracking, custom API endpoints, or cross-domain configuration, refer to the script configuration reference.

Troubleshooting

If analytics data does not appear:

Can you verify the Flowsery Analytics implementation? Please check:

1. Which framework/structure did you use for my app?
2. Where exactly did you place the analytics script?
3. Will it load on all routes and pages?
4. Can you show me the implementation?

The script should load: https://analytics.flowsery.com/js/script.js
Using my website ID: flid_******

If there's an issue, please fix it using the appropriate method for my app's framework.

Common problems:

  • Tracking only active on the landing page
  • Script not included in the build output
  • Incorrect or missing tracking parameters
  • Bolt has not deployed the most recent changes