Site Settings > General > Custom Code > Start of <head> tag · open source (MIT) · ask in plain English

Add analytics to Framer.

Framer is great for shipping a polished site fast, but its built-in stats stay shallow. smolanalytics is one script tag you drop into Framer's custom code head slot. It autocaptures pageviews, clicks, scroll and form submits with zero code, and you query the results in plain English instead of clicking through dashboards.

Site Settings > General > Custom Code > Start of <head> tag
<script src="https://YOUR-INSTANCE/sdk.js"></script>
<script>smolanalytics.init("WRITE_KEY", { host: "https://YOUR-INSTANCE" })</script>

Paste both tags into the "Start of <head> tag" field under Site Settings > General > Custom Code, then publish.

how do I add analytics to framer?

Framer is great for shipping a polished site fast, but its built-in stats stay shallow. smolanalytics is one script tag you drop into Framer's custom code head slot. It autocaptures pageviews, clicks, scroll and form submits with zero code, and you query the results in plain English instead of clicking through dashboards.

Framer exposes custom code at Site Settings > General > Custom Code, with a "Start of <head> tag" field. Both smolanalytics tags go there so they load on every page of the published site. Framer's client-side routing is handled automatically by the SDK, so page changes between Framer pages still register as pageviews without any manual route hooks.

For a Framer site the signal that matters is attention and intent: scroll depth on a long landing page, which hero button gets clicked, whether visitors rage-click a broken interaction. All of that is autocaptured. Add smolanalytics.track("cta_click", { section: "hero" }) inside a Framer code component or embed when you want a named event, and call identify(userId) after login on a gated page. Ask "which page has the highest scroll depth" in plain English and get a deterministic report, cookieless, no consent banner to slow the page.

Honest pricing: 14-day full trial, no credit card. Then Solo $29/mo, never metered on seats or sites. Overage is $5/million with an emailed receipt, the dashboard never locks, and self-hosting the single Go binary is free forever (MIT).

Add analytics to Framer tonight.

One snippet, or one endpoint. Tomorrow morning the verdict tells you which part of the funnel to fix.

questions

How do I add analytics to Framer?
Framer is great for shipping a polished site fast, but its built-in stats stay shallow. smolanalytics is one script tag you drop into Framer's custom code head slot. It autocaptures pageviews, clicks, scroll and form submits with zero code, and you query the results in plain English instead of clicking through dashboards.
Do I need a cookie banner?
Not in cookieless mode. smolanalytics can run without storing anything on the device, so there is no consent banner to add. You still get visitors, referrers, funnels, retention, and paths, and AI-assistant referrals (chatgpt.com, claude.ai, perplexity.ai) show up as their own channel.
Is it enough for a real product, or just page counts?
It does funnels, retention, paths, cohorts, and a daily verdict on what to fix, from the same events, and you ask it in plain English. It deliberately skips session replay, feature flags, and experiments. If you want a straight answer on what to fix, that you own and can self-host free, it fits.

keep reading