Source: https://datafa.st/docs/bubble
Markdown source: https://datafa.st/docs/bubble.md
Description: How to add DataFast to your Bubble.io app

# 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:

    ```html
    <script
      defer
      data-website-id="dfid_******"
      data-domain="your_domain.com"
      src="https://datafa.st/js/script.js"
    ></script>
    ```

    > Replace `dfid_******` 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](/dashboard) for incoming data
- It might take a few minutes for the first pageviews to appear

> For advanced configuration options like localhost tracking, custom API endpoints, or cross-domain setup, see the [script configuration reference](/docs/script-configuration).

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