Set up Flowsery Analytics in a Bubble.io app

This guide explains how to wire Flowsery Analytics into your Bubble.io application.

Insert the tracking snippet via Settings

Bubble lets you inject custom HTML and JavaScript through the Settings panel.

Open your Bubble app editor
Navigate to Settings > SEO/Metatags
Scroll to Advanced settings
In the Script/meta tags in header field, paste the Flowsery Analytics snippet:
```
<script
  defer
  data-fl-website-id="flid_******"
  data-domain="your_domain.com"
  src="https://analytics.flowsery.com/js/script.js"
></script>
```
Replace flid_****** with the Website ID from your Flowsery Analytics settings. Replace your_domain.com with the root domain of your site.
Click Save

Alternative: HTML element approach

Another option is to use an inline HTML element:

Drop an HTML element onto your page
Paste the Flowsery Analytics tracking snippet inside it
Ensure the element sits in the header area of your page

Confirm everything is working

After setup:

Preview or publish your Bubble app
Open your Flowsery Analytics dashboard and look for incoming pageviews
Allow a couple of minutes for the first data to appear

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

Note: Custom code in Bubble requires a paid plan. The tracking snippet will not function on the free tier.