Add DataFast to your Bubble.io app

Follow these steps to integrate DataFast analytics into your Bubble.io application.

Add tracking script to Settings

Bubble allows you to add custom HTML and JavaScript code through the Settings tab.

  1. Open your Bubble app editor

  2. Go to Settings > SEO/Metatags

  3. Scroll down to the Advanced settings section

  4. In the Script/meta tags in header field, paste your DataFast tracking script:

    <script
      defer
      data-website-id="YOUR_WEBSITE_ID"
      data-domain="YOUR_DOMAIN.COM"
      src="https://datafa.st/js/script.js"
    ></script>
    

    Replace YOUR_WEBSITE_ID with your actual Website ID from DataFast. Replace YOUR_DOMAIN.COM with your website's root domain.

  5. Click Save

Alternative: Using HTML element

You can also add the script using an HTML element on your pages:

  1. Add an HTML element to your page
  2. Paste the DataFast tracking script in the HTML element
  3. Make sure the element is placed in the header section of your page

Verify installation

After implementing:

  • Preview or publish your Bubble app
  • Check your DataFast dashboard for incoming data
  • It might take a few minutes for the first pageviews to appear

Note: Custom code in Bubble requires a paid plan. The tracking script will not work on the free plan.

Something missing? Suggest features ✍️