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.

1. Open your Bubble app editor

2. Navigate to Settings > SEO/Metatags

3. Scroll to Advanced settings

4. In the Script/meta tags in header field, paste the Flowsery Analytics snippet:

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

Replace flid_****** with the Website ID from your Flowsery Analytics settings.

Click Save

Alternative: HTML element approach

Another option is to use an inline HTML element:

1. Drop an HTML element onto your page
2. Paste the Flowsery Analytics tracking snippet inside it
3. 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.