Quick answer. To add GA4 to Webflow, paste Google's gtag.js snippet into your site-wide head code: Site Settings, Custom Code, Head Code, then Save and Publish. Don't use the old Google Analytics field under Integrations, that one only takes a Universal Analytics ID and UA is dead. The custom-code route is the correct way for GA4.
Five minutes. One paste. One publish. Don't touch the old Integrations field.
What you'll need
- A Webflow site you can publish (custom code needs a paid Site plan).
- Your GA4 gtag.js snippet from your web data stream.
Add GA4 to Webflow
- Open Site Settings. In the Webflow Designer, open Site Settings.
- Find Custom Code. Go to Custom Code, find the Head Code box.
- Paste your snippet. Paste your full gtag.js snippet there. This applies it site-wide.
- Save and Publish. Click Save Changes, then Publish your site. Custom code only goes live on publish, not in the Designer preview.
Do it with AI
Not sure what to paste?
Give me the exact snippet for Webflow
I'm adding Google Analytics 4 to a Webflow site via Site Settings, Custom Code, Head Code. My Measurement ID is G-XXXXXXX. Give me the exact gtag.js snippet to paste, confirm it goes in the site-wide Head (not a single page), and tell me how to verify after publishing.
How to check it worked
Publish, then open your live site and check GA4 Realtime. If the Designer preview shows nothing, that's expected, custom code only runs on the published site.
Common mistakes
- Using the legacy Integrations field. It's UA-only and won't accept a G- ID.
- Pasting into a single page. Use the site-wide head code, not a single page's custom code.
- Forgetting to publish. Saving in Settings isn't enough. You must publish.
FAQ
- Where do I put Google Analytics in Webflow?
- Site Settings, Custom Code, Head Code. Paste the gtag.js snippet there and publish. That applies it to every page.
- Why isn't the old Google Analytics integration field working?
- That field only accepts a Universal Analytics ID, which Google retired. GA4 uses the custom head-code method instead.
- Do I need a paid Webflow plan?
- Custom code requires a paid Site plan. On the free plan you can't add the head snippet.
Wired up.
Holy Bucket reads your Webflow site's GA4 and tells you which pages leak and what to fix, without you opening a single report.