How to Add Google Analytics to Webflow (2026 Step-by-Step Guide)
Webflow has a native Google Analytics field in its site settings - paste your GA4 Measurement ID, publish, and Webflow injects the global site tag on every page automatically. The whole process takes about 5 minutes once you have a GA4 property.
What you'll need before you start
- •A Webflow project on a hosting plan (the free Starter plan can't publish to a custom domain, which is needed for GA4 to track real traffic)
- •Owner or contributor with permission to edit Site Settings
- •A Google account
How to add Google Analytics on Webflow: Step-by-step
- 1
Create a GA4 property and Web data stream
Go to analytics.google.com, click Admin → Create → Property, then add a Web data stream pointing at your published Webflow URL. Copy the
G-XXXXXXXXXXMeasurement ID from the data stream summary screen. - 2
Open your Webflow project's Site Settings
From your Webflow Dashboard, click the ... menu on your project tile and choose Settings. (Or open the project, click your project name in the top-left of the Designer, and choose Project settings.)
- 3
Navigate to Integrations and paste the Measurement ID
Click the Integrations tab. Scroll to Google Analytics. Paste your
G-XXXXXXXXXXID into the Tracking ID field. Click Save changes. - 4
Publish your site
The tracking tag won't appear on your live site until you re-publish. Click Publish in the top-right of the Designer (or the Publish button on your project dashboard). Confirm the published domain - the tag will only fire on the URL that matches your GA4 data stream.
- 5
Verify the tag is firing
Open your published Webflow site in an incognito window. Wait 30-60 seconds. Check GA4 → Reports → Realtime - you should appear as one active user. The Google Tag Assistant Chrome extension will also confirm your ID is firing on every page.
How to verify your setup is working
Open the published version of your Webflow site (not webflow.io staging) in an incognito window. Click through a few pages. Within 30-60 seconds, GA4's Realtime view should show one active user. If it doesn't appear, double-check that your GA4 data stream URL matches the published Webflow URL exactly - including www vs root and trailing slashes.
Common issues and fixes
I see traffic on the webflow.io staging URL but not on my custom domain
Webflow's free Starter plan publishes only to a .webflow.io staging URL, which doesn't support adding a custom domain. The GA4 data stream URL needs to match your published domain - if you set up the stream for example.com but the site only publishes to example.webflow.io, the data won't appear in GA4. Either update the GA4 data stream to use the .webflow.io URL or upgrade to a hosting plan and publish to your custom domain.
The Tracking ID field expects a UA-... ID, not a G-... ID
You're looking at an old version of the Webflow integrations panel. Webflow updated the Google Analytics integration to support GA4 in 2023. If the field still says UA-XXXXX-Y, it's a stale cached view - hard-refresh the dashboard, or in Site Settings remove the integration and re-add Google Analytics; the new flow accepts G-XXXXXXXXXX directly.
Webflow Ecommerce events aren't appearing in GA4
The native Google Analytics integration in Webflow Site Settings only covers page views and session events - it does not auto-wire ecommerce events. For purchase tracking, install Google Tag Manager via Webflow's GTM integration field, set up GA4 ecommerce events inside GTM, and use Webflow's data layer (dataLayer.push) on your Order Confirmation page in the custom code panel.
Frequently asked questions
Can I add Google Analytics to a free Webflow site?
You can add the Tracking ID to Site Settings on any plan, but the tag only fires on the published site, and free Starter projects publish only to a .webflow.io subdomain. That works for testing, but most users want GA4 on a custom domain - which requires a paid hosting plan.
Should I use Google Tag Manager on Webflow instead?
If you only need GA4, the native integration is simpler. If you'll be adding multiple tracking tools (GA4 + Meta Pixel + LinkedIn Insight + conversion APIs), GTM is cleaner long-term - you manage all tags from one place and don't need to redeploy Webflow every time you change a tag. Webflow has a separate Google Tag Manager field in Integrations specifically for this.
How do I add Google Analytics to Webflow without using the integration field?
Paste the GA4 global site tag into Site Settings → Custom Code → Head Code. Get the snippet from your GA4 stream's View tag instructions → Install manually. Note: tags pasted into Custom Code can't be conditionally loaded based on cookie consent, so this path is harder to make GDPR-compliant than using GTM.
Does Webflow track conversions in Google Analytics?
Form submissions trigger a default GA4 generate_lead event automatically with the native integration. Ecommerce events (view_item, add_to_cart, purchase) require Google Tag Manager - they're not wired up by Webflow's built-in integration. For most lead-gen sites, the native integration is sufficient.
How do I know if Google Analytics is working on my Webflow site?
Open your published Webflow site in an incognito window, then check GA4 → Reports → Realtime. You should appear as one active user within 30-60 seconds. The Google Tag Assistant Chrome extension is a faster check and shows your G-XXXXXXXXXX firing along with each event.
Can I use Google Analytics 4 with Webflow's CMS?
Yes - GA4 captures CMS-generated pages (collection items, dynamic blog posts) the same way it captures static pages. Each unique URL counts as its own page in Pages and screens reports. No additional configuration needed.
Related Guides
Once you're set up, MeasureBoard turns the data into action
MeasureBoard connects to your analytics, search, and SEO tooling and generates AI-powered weekly reports, GEO readiness scores, and a dedicated AI analyst that answers questions in plain English. Free to start, connects in 30 seconds.
Get Started Free