Quick answer. To add GA4 to Framer, open Site Settings, General, Custom Code, paste Google's gtag.js snippet into the Start of head tag box, and Publish. That's it. Framer applies it across the whole site. Custom code only runs on the published site, so always republish after pasting.
Four clicks. One paste. One publish.
What you'll need
- A Framer site you can publish (custom code is on paid plans).
- Your GA4 gtag.js snippet.
Add GA4 to Framer
- Open Site Settings. Open your project and go to Site Settings, General.
- Find Custom Code. Scroll to Custom Code.
- Paste into head. Paste your gtag.js snippet into Start of head tag.
- Publish. Save, then Publish the site.
Do it with AI
Want the exact snippet ready to paste?
Prep my GA4 snippet for Framer
I'm adding GA4 to a Framer site under Site Settings, General, Custom Code, Start of head tag. My Measurement ID is G-XXXXXXX. Give me the exact gtag.js snippet to paste and tell me how to confirm it works after publishing.
How to check it worked
Publish, open the live URL, and check GA4 Realtime. The Framer preview won't fire the tag, only the published site does.
Common mistakes
- Not republishing. The tag only goes live on publish.
- Wrong box. Paste into the head box, not the end-of-body box.
- Free plan. Custom code needs a paid Framer plan.
FAQ
- Where does Google Analytics go in Framer?
- Site Settings, General, Custom Code, the Start of head tag box. Paste the gtag.js snippet and publish.
- Does Framer have a built-in analytics field?
- Framer has its own basic analytics, but for full GA4 you paste the Google tag into custom head code.
- Why is my tag not firing?
- Almost always because the site wasn't republished, or the code went in the body box instead of the head.
Done.
Holy Bucket reads your Framer site's traffic and search data and hands you the week in a sentence.