Ours Privacy Integration with Bubble

This guide covers adding Ours Privacy tracking to an app built with Bubble, a visual no-code app builder, using Bubble's custom header code setting.

Integration Options

The guide below covers Bubble's built-in Scripts/meta tags in header setting, which requires no code changes to your app's pages.

Steps to Integrate Ours with Bubble

1. Add the Web SDK snippet

1. Copy your install snippet from the Install Ours page.
2. In the Bubble editor, open Settings > SEO/metatags.
3. Paste the snippet into Scripts/meta tags in header. Bubble applies this to every page in your app.

<!-- Ours Pixel Code -->
<script>
  // your install code is here
</script>
<!-- End Ours Pixel Code -->

The Web SDK tracks the initial page view automatically. If page views for in-app navigation aren't showing up in Recent Events, add a Run JavaScript action that calls ours('track', 'PageView') on the affected pages' "Page is loaded" workflow event as a fallback.

2. Deploy and verify

1. Deploy your app to your live version.
2. Visit the live app and open the browser console to check for script errors.
3. In your Ours account, check Recent Events to confirm page views are coming through.

Track Custom Events

Use Bubble's Run JavaScript workflow action on any button or element's workflow to call ours('track', ...):

ours('track', 'ButtonClicked', { button_name: 'sign_up' });

Next Steps

• Web SDK reference: full list of tracking methods and options.
• Cookie Consent installation: add the consent banner script to the same header field, ordered before the Ours snippet.

If you need further assistance, contact us at support@oursprivacy.com.