Skip to main content

Bubble.io Integration

Add Ovyxa analytics to your Bubble.io application using the built-in SEO/metatags settings.

Step 1: Open SEO Settings​

  1. In your Bubble editor, go to Settings > SEO / metatags

Step 2: Add the Tracking Script​

In the Script/meta tags in header field, paste the following:

<script
  defer
  data-domain="yourdomain.com"
  src="https://ovyxa.com/js/script.js"
></script>

Click Save (changes are saved automatically in most Bubble plans).

That's it -- Ovyxa will now track pageviews across your entire Bubble application, including all pages and dynamic routes.

Tracking Custom Events​

Track button clicks, form submissions, or workflow completions by adding a Run JavaScript action in your Bubble workflows:

window.ovyxa('event', 'FormSubmit', { props: { form: 'contact' } })

Common events to track:

// Track signups
window.ovyxa('event', 'Signup', { props: { plan: 'free' } })

// Track purchases
window.ovyxa('event', 'Purchase', { props: { item: 'Pro Plan' } })

// Track feature usage
window.ovyxa('event', 'FeatureUsed', { props: { feature: 'export' } })

To use Run JavaScript in Bubble:

  1. Open a workflow
  2. Add action > Plugins > Run javascript
  3. Paste the event tracking code

Cookieless Mode​

To skip cookie consent requirements, add the data-cookieless attribute:

<script
  defer
  data-domain="yourdomain.com"
  data-cookieless
  src="https://ovyxa.com/js/script.js"
></script>

Verify Installation​

  1. Preview or deploy your Bubble app
  2. Visit the live app URL (use Deploy to Live for production)
  3. Open the browser Network tab and look for a request to ovyxa.com/js/script.js
  4. Check your Ovyxa dashboard to confirm pageviews are appearing

Note: The Script in header feature is available on all Bubble plans, including the free plan.

Next Steps​