GOOGLE ANALYTICS 4 SINGLE PAGE APPS

Google Analytics 4 Single Page Apps

Published March 2021

    •    Updated December 2025

Plugin details

Send virtual page views to Google Analytics. (+ user properties  + custom events + all the off the shelf GA functionality). 

Send to multiple GA measurement Ids. You might want to do this so that your Application Users can have their own GA data.

Manage your GDPR compliance by; 
- setting GA Off on page load and then enable in a workflow (opt-in) (eg after your User has given consent to collect their usage data) or
- setting GA on by default and then disable in a workflow (opt-out).
- Using Termly to manage your consent and opt in/out banner

With Bubble you can very easily create great Single Page Applications - but these do not work well with Google Analytics as only one page is ever loaded.  This plugin solves that problem. 

See how-to videos & best practices explaining how to setup in your Bubble App & how to use your GA reports - https://ga4-page-view-demo.bubbleapps.io/version-test

Provides convenient actions in your workflows for GA events.  

Virtual page views
Login and set the GA user-id as the Bubble user unique id.
Signups
Login 
Exception
Timing Complete 
User properties
(I add to these as I find new ones I need in my own apps)

Also an element for easily seeing the page referrer. 

Single page load apps and GA is explained here. 
https://developers.google.com/analytics/devguides/collection/gtagjs/single-page-applications

A Single Page Application (SPA) is a web application or website that loads all of the resources required to navigate throughout the site on the first page load. As the user clicks links and interacts with the page, subsequent content is loaded dynamically. Another full page request is never made.

The default Google Analytics tag works well with traditional websites because the snippet code is run every single time the users load a new page. However, for a single page application where the site loads new page content dynamically rather than as full page loads, the analytics.js or gtag.js snippet code only runs once. This means subsequent (virtual) pageviews must be captured manually as new content is loaded.

This is what this plugin solves.

If you've purchased this plugin I'd really like to make sure that I get this working properly for you. The plugin price includes support needed to get you up and running. 


DM me in the Bubble forum to get in touch.

Youtube Video channel with for detailed explanations - https://www.youtube.com/playlist?list=PLpZXz2W3mS472Rly3pKJd0INLAenRvQKi

lindsay_knowcode



I've over 50 plugins in the Market Place - all my plugins come with reasonable support to get you up and running.

I am the creator of Plan B - Backups for Bubble Apps. https://planbbackups.io

I create plugins for complex integrations. 

Flow Charts - Business diagrams in Bubble
https://bubble.io/plugin/flow-charts-1673968620785x258403360966967300

Adobe PDF - with commentings and annotating
https://bubble.io/plugin/adobe-pdf---with-commenting-1633396514551x410372775588659200

Etsy - 
https://bubble.io/plugin/etsy-integration-1703292143599x255798298638549000

Square ACH and Embedded Cards
https://bubble.io/plugin/square-embedded-card--ach-1654618927193x637538826809245700

SSH & SFTP
https://bubble.io/plugin/ssh--sftp-commands-1684859796824x533713044810760200

Almighty dropzone - upload to GCS, Backblaze, Wasabi, AWS ... and more
https://bubble.io/plugin/upload-gcs-backblaze-wasabi-+++-1648644338633x187011566245249020

Postmark - for templates 
https://bubble.io/plugin/postmark-template-1639362726262x203274658985279500

Google Sheets Get/Insert/Update
https://bubble.io/plugin/google-sheet-get-insert--update-1663938003776x932115872220446700

I do a suite of realtime Speech & Audio processing plugins;

Deepgram - realtime speeach to text with diarization
https://bubble.io/plugin/deepgram-realtime-transcription-1676726070867x623253573730041900

Speechmatics - realtime voice translation
https://bubble.io/plugin/speechmatics---realtime-translation-1701815413039x813343498074587100

ElevenLabs - realtime synthetic voices
https://bubble.io/plugin/elevenlabs-streaming-text-to-voice-1678812542328x297771263648333800

AssemblyAI - realtime voice to text
https://bubble.io/plugin/assemblyai-realtime-transcription-1666200218972x408222199372578800

Audo Recorder Pausible - with a beautiful visualisation
https://bubble.io/plugin/audio-recorder-pausable-1684661794734x134627875732586500

$36

One time • Or $4/mo

5.0 stars   •   5 ratings

294 installs  

This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

Lindsay - Knowcode

Joined 2020   •   58 Plugins

View contributor profile

Instructions

First enter your Google Analytics measurement ID in the settings in the plugin settings. A measurement id starts with a 'g' - like g-1234567 The older Google older universal analytics tracking starts with 'ua-'.  Both will work.  All events will go to this measurement-id, in your workflows you can optionally add additional measurement id's 

Then add into your workflows one of the actions: eg page views, and events. You can find these actions under analytics in the actions options in your workflows.  You will find actions prefixed GA....

Page views - adds page changes within a single page application. Use for example when within the application a user clicks a menu item, or a popup.   Use this when ever a user navigates through your SPA.

Having got this in place, you have basic GA working in your SPA.

Now get more advanced use out of your Google Analytics ....

User - adds variables as dimensions to your Google analytics, eg "Role", "Customer". Typically use then when a user logs in, or enters into a specific state, eg "gold customer". Do this in your login, and on a page load workflows. You will need to log into GA and add/declare these dimensions in order for them to be captured in your GA reports.

Events - add specific events to your Google Analytics, eg "Video played", "purchase made", "Registration complete". Typically use this as a goal in Google Analytics. Go into you GA dashboard and mark the relevnt ones of these as "conversions".

Send events and open a new window - What this does is make sure events are sent to GA _before_ you navigate away from the window. If you do the normal Bubble method of 2 actions in a workflow of "send GA" then "navigate away" the browser cancels that GA events being sent (all and any javascript processing) once the browser navigates away, and the event won't be captured in GA.

Optionally add an extra measurement id if you want to configure multiple Google Analytics accounts. See the video explainer in the demonstration app to understand that more.

GDPR, Opt-in and Opt-out to GA for your Users
In the plugin settings is 'GA Disable'. If set to 'true' then GA is disabled until you invoke the workflow action "GA Enable". Use this when you want your Bubble Users to opt-in to GA data collection.

Pro tip On a page load action, or on a login action add a "user" event and add some dimensions to your GA reports. 

Best practices?  I've put some together on the service page - http://ga4-page-view-demo.bubbleapps.io/version-test/index 

Setup at Google There is nothing special you need to do on the Google side (eg some people talk about a technique using tag rewriting in Google Tag Manager). Don't do this! If you want to know how to set up basic  Google Analytics for a Bubble app - watch Gaby's great video https://www.youtube.com/watch?v=1PgBtofjIDo

You only need to go into your GA dashboard to set up your user properties as "dimensions" and your relevant events as "conversions".

See the service page for videos on how to do this more advanced setup.

Youtube Video channel with for detailed explanations - https://www.youtube.com/playlist?list=PLpZXz2W3mS472Rly3pKJd0INLAenRvQKi

lindsay_knowcode

Types

This plugin can be found under the following types:

Api   •   Action   •   Background Services   •   Element

Resources

Support contact

Documentation

Tutorial

Rating and reviews

Average rating (5.0)

Worked wonders

October 5th, 2023

This plugin is amazing, it brings simplicity to the chaos of GA4 for Single Page Apps. It has been a game-changer for my setup, making tracking and analyzing data a breeze. Highly recommended!

Thank you for those nice words. They mean a lot. (plugin author)

November 11th, 2024

•

Lindsay - Knowcode

Great support from developer

March 14th, 2022

The developer helped me through my setup issues.

Awesome Plugin and Developer

September 7th, 2021

Great for people who want to use GA4. The developer is also great to work with should you have any questions or feedback about the plugin. 

Thank you - any questions or improvements for the App or the Documentation I can make let me know.  (plugin author)

September 7th, 2021

•

Lindsay - Knowcode

Awesome Plugin

May 26th, 2021

The plugin does exactly what I needed. Setup was smooth, and the support is excellent. Clearly done with professionalism and experience in Google Analytics. Thank you, Sidney

Thank you Sidney, glad to help get you up and running. Get in touch if any issues. 
Lindsay (plugin author)

May 29th, 2021

•

Lindsay - Knowcode

Perfect for giving Google Analytics access to users

April 28th, 2021

So many apps are focused on providing their own internal analytics to users but this plugin makes it so much simpler by just letting users connect their own Google Analytics tracking IDs to the pages they want to track.

Thank you, appreciate the feedback.  That was the original purpose of this plugin, but it has grown a lot from there!
 (plugin author)

May 29th, 2021

•

Lindsay - Knowcode

Product

Bubble for

Discover

Learn

Resources

Community

Company

Legal

Bubble uses cookies

Bubble uses cookies. By using our service you consent to all cookies in accordance with our Cookie Policy. Read more

Save & Close

I agree

I disagree

Show details

Strictly necessary

Performance

Targeting

Functionality

Unclassified

Cookie declaration

About cookies

Strictly necessary

Performance

Targeting

Functionality

Unclassified

Strictly necessary cookies allow core website functionality such as user login and account management. The website cannot be used properly without strictly necessary cookies.

Cookie report
Name	Provider / Domain	Expiration	Description
usprivacy	.bubble.io	1 year	This cookie stores the user's consent state regarding tracking and privacy in compliance with the United States privacy regulation.
__cf_bm	Cloudflare Inc. .calendly.com	29 minutes 45 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__cf_bm	Cloudflare Inc. .clutch.co	29 minutes 55 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
li_gc	LinkedIn Corporation .linkedin.com	5 months 4 weeks	Used to store guest consent to the use of cookies for non-essential purposes
__cf_bm	Cloudflare Inc. .transformo.io	29 minutes 57 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
meta_u1main	.bubble.io	Session
__cf_bm	Cloudflare Inc. .lu.ma	29 minutes 44 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
meta_live_u2main.sig	.bubble.io	2 days 23 hours
_GRECAPTCHA	Google LLC www.google.com	5 months 4 weeks	Google reCAPTCHA sets a necessary cookie (_GRECAPTCHA) when executed for the purpose of providing its risk analysis.
__cf_bm	Cloudflare Inc. .producthunt.com	29 minutes 57 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
_GRECAPTCHA	Google LLC www.recaptcha.net	5 months 4 weeks	Google reCAPTCHA sets a necessary cookie (_GRECAPTCHA) when executed for the purpose of providing its risk analysis.
_gd_session	bubble.io	4 hours	This cookie manages user sessions on the website, ensuring that user interactions are recognized across various web requests. This helps in providing a consistent and accurate user experience.
_scid	Snap Inc. .bubble.io	1 year 1 month
opt_out	.postrelease.com	1 year	This cookie is used to track the user's decision to opt out of cookies on the website, indicating they have chosen not to have their data used for tracking and personalisation purposes.
AWSALBCORS	Amazon.com Inc. storm.birdie.so	6 days 23 hours	For continued stickiness support with CORS use cases after the Chromium update, we are creating additional stickiness cookies for each of these duration-based stickiness features named AWSALBCORS (ALB).
VISITOR_PRIVACY_METADATA	YouTube .youtube.com	5 months 4 weeks	This cookie is used to store the user's consent and privacy choices for their interaction with the site. It records data on the visitor's consent regarding various privacy policies and settings, ensuring that their preferences are honored in future sessions.
__cf_bm	Cloudflare Inc. .lumacdn.com	29 minutes 58 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
_tt_enable_cookie	.bubble.io	2 months 4 weeks	This cookie is used to remember the user's preferences regarding the use of cookies on the website.
AWSALBCORS	Amazon.com Inc. app.birdie.so	1 week	For continued stickiness support with CORS use cases after the Chromium update, we are creating additional stickiness cookies for each of these duration-based stickiness features named AWSALBCORS (ALB).
__cf_bm	Cloudflare Inc. .t.co	29 minutes 44 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__cf_bm	Cloudflare Inc. .twitter.com	29 minutes 44 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__cf_bm	Cloudflare Inc. .vimeo.com	29 minutes 58 seconds	This cookie is used to distinguish between humans and bots. This is beneficial for the website, in order to make valid reports on the use of their website.
__session	.gitbook.com	1 year 1 month	This cookie is used to maintain an anonymized user session by the server.
meta_live_u2main	.bubble.io	2 days 23 hours
CookieScriptConsent	CookieScript .bubble.io	1 year 1 month	This cookie is used by Cookie-Script.com service to remember visitor cookie consent preferences. It is necessary for Cookie-Script.com cookie banner to work properly.
meta-firebase_workflow	.bubble.io	59 minutes 21 seconds

Performance cookies are used to see how visitors use the website, eg. analytics cookies. Those cookies cannot be used to directly identify a certain visitor.

Cookie report
Name	Provider / Domain	Expiration	Description
X-AB	Stack Exchange Inc. sc-static.net	1 day
_ga_G4MHXCYE4T	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
m	Stripe m.stripe.com	1 year 1 month	This cookie is generally used for performance and optimization of payment processing services, facilitating caching of content on the browser to make pages load faster.
_ttp	.bubble.io	2 months 4 weeks	This cookie is used to track user interaction and behavior on the website for site performance and usage analysis. This information is used to improve the user experience and optimize the website's functionality.
analytics_session_id	Cakemail .bubble.io	1 year	This cookie tracks user behavior throughout the session on the website, collecting data such as how long a visitor stays on a page and what links they click on. This information is used to improve user experience and website performance.
data-c	Media.net .media.net	4 weeks 2 days	This cookie is used to collect information on user behavior and interaction to enhance the user experience and measure website performance.
_gd_visitor	bubble.io	1 year 1 month	This cookie is used to track visitors' interactions with the website, collecting data on their behavior for analytics purposes. It helps in understanding how users engage with the site, which parts of the site are most visited, and how the navigation flow is structured, aiming to improve the user experience and site performance.
_ttp	.tiktok.com	2 months 4 weeks	This cookie is used to track user interaction and behavior on the website for site performance and usage analysis. This information is used to improve the user experience and optimize the website's functionality.
analytics_session_id.last_access	.bubble.io	1 year	This cookie is used to store the time of the last access by a user in an analytics session, helping in understanding user engagement and the effectiveness of the website content.
_ga_BFPVR2DEE2	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
ahoy_visit	Teachable store.bubble.io	4 hours	This cookie is used to track a visitor's session, helping to understand how users interact with the site to improve user experience and functionality.
_ga_5Q4JP8E2X4	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
_ga_CEPZJCHM3K	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
data-c-ts	Media.net .media.net	4 weeks 2 days	This cookie is used to time-stamp and perform a time sync for users' sessions, ensuring accurate session time tracking.
_ga	Google LLC .bubble.io	1 year 1 month	This cookie name is associated with Google Universal Analytics - which is a significant update to Google's more commonly used analytics service. This cookie is used to distinguish unique users by assigning a randomly generated number as a client identifier. It is included in each page request in a site and used to calculate visitor, session and campaign data for the sites analytics reports. By default it is set to expire after 2 years, although this is customisable by website owners.
_ga_Y168TZXEQ5	.bubble.io	1 year 1 month	This cookie is used by Google Analytics to persist session state.
ajs_anonymous_id	Segment.io Inc. .bubble.io	1 year	These cookies are generally used for Analytics and help count how many people visit a certain site by tracking if you have visited before. This cookie has a lifespan of 1 year.
c	.bidswitch.net	1 year	This cookie is used to identify the frequency of visits and how the visitor accesses the website. It collects data on the user's visits to the website, such as which pages have been read.

Targeting cookies are used to identify visitors between different websites, eg. content partners, banner networks. Those cookies may be used by companies to build a profile of visitor interests or show relevant ads on other websites.

Cookie report
Name	Provider / Domain	Expiration	Description
YSC	Google LLC .youtube.com	Session	This cookie is set by YouTube to track views of embedded videos.
personalization_id	Twitter Inc. .twitter.com	1 year 1 month	This cookie carries out information about how the end user uses the website and any advertising that the end user may have seen before visiting the said website.
CMPRO	Casale Media Inc. .casalemedia.com	2 months 4 weeks	These cookies are linked to advertising and tracking the products users were looking at.
_scid_r	.bubble.io	1 year 1 month	This cookie is used for tracking purposes, helping to identify unique visitors across sessions and track their interactions and engagement on the website.
tv_UICR	.tremorhub.com	4 weeks 2 days	This cookie is used to track user interactions and engagement with the website's content to improve the service and content delivery. It can collect data on user behavior and preferences to facilitate targeted advertising and marketing strategies.
VISITOR_INFO1_LIVE	Google LLC .youtube.com	5 months 4 weeks	This cookie is set by Youtube to keep track of user preferences for Youtube videos embedded in sites;it can also determine whether the website visitor is using the new or old version of the Youtube interface.
tvid	Tremor Video DSP .tremorhub.com	1 year	This cookie is used for tracking user interaction and engagement with the website's content, helping in the improvement and optimization of online services provided. It may also be used for delivering personalized advertising experiences.
uid	.criteo.com	1 year	This cookie provides a uniquely assigned, machine-generated user ID and gathers data about activity on the website. This data may be sent to a 3rd party for analysis and reporting.
_uetsid	Microsoft Corporation .bubble.io	1 day	This cookie is used by Bing to determine what ads should be shown that may be relevant to the end user perusing the site.
lidc	Microsoft Corporation .linkedin.com	1 day	This is a Microsoft MSN 1st party cookie that ensures the proper functioning of this website.
_uetvid	Microsoft Corporation .bubble.io	1 year 3 weeks	This is a cookie utilised by Microsoft Bing Ads and is a tracking cookie. It allows us to engage with a user that has previously visited our website.
addshoppers	shop.pe	1 year 1 month	This cookie is used to track user interaction and sharing behavior on social media platforms, enabling personalized marketing and social media sharing capabilities.
_gcl_au	Google LLC .bubble.io	3 months	Used by Google AdSense for experimenting with advertisement efficiency across websites using their services
addshoppers.com	bubble.io	1 year 1 month	This cookie is associated with the AddShoppers social sharing platform, a technology that integrates with websites to enable tracking and sharing capabilities across social networks. It supports social media integration and can gather data regarding sharing and social interactions on the site to help understand user influence and to enhance marketing strategies.
CMID	Casale Media Inc. .casalemedia.com	1 year	These cookies are linked to advertising and tracking the products users were looking at.
bcookie	Microsoft Corporation .linkedin.com	1 year	This is a Microsoft MSN 1st party cookie for sharing the content of the website via social media.
tuuid_lu	.bidswitch.net	1 year	Contains a unique visitor ID, which allows Bidswitch.com to track the visitor across multiple websites. This allows Bidswitch to optimize advertisement relevance and ensure that the visitor does not see the same ads multiple times.
tuuid	.bidswitch.net	1 year	This cookie is mainly set by bidswitch.net to make advertising messages more relevant to the website visitor.
_fbp	Meta Platform Inc. .bubble.io	2 months 4 weeks	Used by Facebook to deliver a series of advertisement products such as real time bidding from third party advertisers
ab	.agkn.com	1 year	This cookie is generally provided by agkn.com and is used for advertising purposes.
demdex	Adobe Inc. .demdex.net	5 months 4 weeks	This cookie helps Adobe Audience Manger perform basic functions such as visitor identification, ID synchronization, segmentation, modeling, reporting, etc.
sc_at	Snap Inc. .snapchat.com	1 year
MUID	Microsoft Corporation .bing.com	1 year	This cookie is widely used my Microsoft as a unique user identifier. It can be set by embedded microsoft scripts. Widely believed to sync across many different Microsoft domains, allowing user tracking.
dpm	Adobe Inc. .dpm.demdex.net	5 months 4 weeks	Adobe Audience Manager - data management platform uses this cookie to record information around synchronisation of IDs.
CMPS	Casale Media Inc. .casalemedia.com	2 months 4 weeks	These cookies are linked to advertising and tracking the products users were looking at.

Functionality cookies are used to remember visitor information on the website, eg. language, timezone, enhanced content.

Cookie report
Name	Provider / Domain	Expiration	Description
ajs_anonymous_id	Segment.io Inc. .loom.com	1 year 1 month	These cookies are generally used for Analytics and help count how many people visit a certain site by tracking if you have visited before. This cookie has a lifespan of 1 year.
loom_anon_comment	Loom .loom.com	1 year 1 month	This cookie is used to differentiate anonymous users when they leave comments on holaspirit.com, enabling the identity of the commenter to remain unknown for privacy.
_cfuvid	.vimeo.com	Session	This cookie is used for purposes of tracking users across sessions to optimize user experience by maintaining session consistency and providing personalized services.
__stripe_mid	Stripe Inc. .bubble.io	1 year	This cookie is set by Stripe to distinguish users and enable secure payment processing during interactions with the website.
_cfuvid	.calendly.com	Session	This cookie is used for purposes of tracking users across sessions to optimize user experience by maintaining session consistency and providing personalized services.
ajs_anonymous_id	Segment.io Inc. demo.arcade.software	1 year	These cookies are generally used for Analytics and help count how many people visit a certain site by tracking if you have visited before. This cookie has a lifespan of 1 year.
__stripe_sid	Stripe Inc. .bubble.io	29 minutes 58 seconds	This cookie is set by Stripe to manage and process payments securely, allowing temporary storage of session related information during a users visit to the website.
loom_referral_video	Loom, Inc. .www.loom.com	Session	This cookie is used to track referrals and video plays across the website, enabling the website to attribute video views to the correct referral sources.
MSPTC	Microsoft .bat.bing.com	1 year	This cookie is used to track user engagement and interaction with the website to enhance customer experience and website functionality. It may collect information about how users navigate and use the site, helping to identify preferences and improve service delivery.
visitor-id	Media.net .media.net	1 year	This cookie is used to identify unique visitors across the website to provide a consistent and personalized experience.

Unclassified cookies are cookies that do not belong to any other category or are in the process of categorization.

Cookie report
Name	Provider / Domain	Expiration
__Secure-ROLLOUT_TOKEN	.youtube.com	5 months 4 weeks
ttcsid	.bubble.io	2 months 4 weeks
intercom-device-id-cz703g22	.bubble.io	8 months 4 weeks
intercom-session-cz703g22	.bubble.io	1 week
kwsu	ciqtracking.com	1 year 1 month
CrossDomainCookieScriptConsent_239	.crossdomain.cookie-script.com	1 year 1 month
__BROWSER__	store.bubble.io	Session
ahoy_visitor	store.bubble.io	1 year 1 month
bubble-certifications_live_u2main	.certification.bubble.io	3 days
_ScCbts	.bubble.io	1 week
_brilliant_session	.bubble.io	Session
bubble-certifications_live_u2main.sig	.certification.bubble.io	3 days
ttcsid_CRGSJIJC77UAMBH9S77G	.bubble.io	2 months 4 weeks
bubble-certifications_u1main	.certification.bubble.io	Session
_iub_cs-57859130-uspr	.bubble.io	1 year
intercom-id-cz703g22	.bubble.io	8 months 4 weeks
muc_ads	Twitter .t.co	1 year 1 month
upgrade_pv_1487181547537x364191731148390400	bubble.io	1 week

Cookies are small text files that are placed on your computer by websites that you visit. Websites use cookies to help users navigate efficiently and perform certain functions. Cookies that are required for the website to operate properly are allowed to be set without your permission. All other cookies need to be approved before they can be set in the browser.

You can change your consent to cookie usage at any time on our Privacy Policy page.

Your consent will also apply to the following websites:

bubble.io
flusk.eu

Google Analytics 4 Single Page Apps

Plugin details

$36

One time • Or $4/mo

Other actions

Platform

Contributor details

Instructions

Types

Categories

Resources

Rating and reviews

Average rating (5.0)