How to set up Google Analytics in Bubble

You add Google Analytics to Bubble by placing the GA tracking script (G‑tag) inside Settings → SEO/metatags → Script/meta tags in header, using your Measurement ID from Google Analytics. Bubble then loads the script on every page, and GA starts tracking page views automatically. If you want to track custom events, you trigger JavaScript using Bubble’s “Run javascript” action from the Toolbox plugin.

Step‑by‑step setup

Google Analytics needs a small tracking script to load on every page. Bubble lets you insert this script globally, so you don’t need to add anything inside page HTML headers.

• Create a GA4 property in Google Analytics. Copy the Measurement ID (it looks like G-XXXXXXX).
• In Bubble, open Settings → SEO/metatags.
• Find the section “Script/meta tags in header”.
• Paste the GA script and replace G-XXXXXXX with your ID.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);} // Google’s function
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXX'); // Replace with your Measurement ID
</script>

Click Save and deploy to live. GA will start receiving page\_view events automatically because Bubble loads full page navigation on most apps.

Tracking custom events

If you want to track actions like button clicks or signups, install the Toolbox plugin and use the workflow action Run javascript.

• Add a workflow on any element, like a button click.
• Select Run javascript.
• Insert an event call using the gtag function.

gtag('event', 'signup_clicked', {
  method: 'email' // Add any parameters you need
});

This is the standard GA4 way and works reliably inside Bubble. No plugins are required except Toolbox for custom JavaScript events.