Trackthemetric Logo

Trackthemetric + Bubble.io

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

Option 1
Add tracking script to Settings

Bubble lets you add custom HTML/JS from the Settings → SEO/Metatags tab.

1. Open your Bubble app editor.

2. Go to Settings → SEO/Metatags.

3. Scroll to Advanced settings and find Script/meta tags in header.

4. Paste the following snippet:

<script
  defer
  id="TrackTheMetric"
  data-website-id="YOUR_WEBSITE_ID"
  data-domain="YOUR_DOMAIN.COM"
  src="https://app.trackthemetric.com/tracker.js"
></script>

Replace the YOUR_WEBSITE_ID and YOUR_DOMAIN.COM with your actual website ID and root domain.

5. Click Save.

Option 2
Using an HTML element

You can also place the snippet via an HTML element.

1. Add an HTML element to your page.

2. Paste the same snippet into the element's content.

3. Ensure the element is loaded site-wide (e.g., in a reusable header) or on the pages you want to track.

<script
  defer
  id="TrackTheMetric"
  data-website-id="YOUR_WEBSITE_ID"
  data-domain="YOUR_DOMAIN.COM"
  src="https://app.trackthemetric.com/tracker.js"
></script>

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

3
Verify the installation

After implementing:

  • Preview or publish your Bubble app.
  • Open your Trackthemetric dashboard.
  • It might take a few minutes for the first pageviews to appear.