🔧 Programmierung 🕛 kürzlich 3 Min Lesezeit
0

I Built a 2.8KB Cookieless Analytics Tool After Google Analytics Hid 35% of My Traffic

↗ Quelle (dev.to)
🗣️ Stimme:

Last month my Next.js SaaS showed 1,200 visitors in Google Analytics.



in early 2026 with GA4 installed. Three things broke immediately:



The cookie banner killed UX. 60% of Indian users clicked "Reject". My bounce rate jumped.

Ad blockers ate my data. Over 40% of internet users run blockers that kill analytics cookies by default.

Speed. GA's script was 45KB. My LCP went from 1.9s to 3.1s on mobile.

I tried the privacy tools everyone recommends:



Plausible — $9/mo, super clean, but no heatmaps, no Core Web Vitals

Fathom — $15/mo, managed, but no AI insights, no India pricing

OpenPanel — $2.50/mo, great product analytics, but I still needed timeline annotations for deploys

I didn't want 4 tools. I wanted one lightweight snippet that gave me traffic, speed, and why things changed.



Investigation: how cookieless actually works

I spent a week reading how the good ones do it. Three patterns:




  1. No persistent cookies. Instead of storing an ID for months, you generate a daily rotating hash from IP + user agent + salt that changes every 24h. You can count uniques today, but you can't track someone forever.


  2. Server-side or edge capture. If the browser never sets a cookie, ad blockers have nothing to block.


  3. Relative coordinates for heatmaps. Instead of sending screenshots (heavy), you send x/y as percentages of the element. That's under 0.2KB per click.




That was the blueprint.



Solution: I built AmazeMatrix

Tech stack I chose because I live in Next.js 16:



Frontend: Next.js App Router, Tailwind, Framer Motion

Edge: Cloudflare Workers / Vercel Edge

DB: Neon Postgres + Drizzle ORM

Auth: Better Auth

AI: Gemini SDK

Billing: Razorpay (because Stripe doesn't work for most Indian founders)

The entire snippet is 2.8KB gzipped:



3 lessons I learned building privacy analytics




  1. Don't fingerprint, rotate.

    I first tried a persistent hash. It felt creepy and broke privacy laws. Daily rotating hash gives me accurate daily uniques without storing PII. Privacy-first is not a marketing line, it's an architecture choice.


  2. Heatmaps don't need images.

    Everyone sends full-page screenshots. I send {x: 0.42, y: 0.18, el: '#pricing'}. That's 18 bytes. Multiply by 10k clicks and you save megabytes.


  3. Founders don't want another dashboard, they want answers.

    The most used feature is not the graph. It's the AI chat. "How is page speed affecting sales?" gets more clicks than any chart.




How you can try it

I kept it stupid simple:



Sign up, get siteId

Paste 2 lines

See data in 10 seconds

Free for first 7 days



I'm building in public on X and Threads as [@razavi_azaan]. If you want the self-host Docker compose, comment "self-host" and I'll DM it.

Vollständiger Original-Bericht
Ausführliche Details, Code-Beispiele & Hersteller-Stellungnahme auf dev.to.
↗ Original-Artikel auf dev.to lesen
Wie bewertest du diesen Beitrag?
1 Klick Feedback
Teilen mit Netzwerk & Team:

Community-Analysen & Experten-Meinungen 0

Verfasse deine eigene Analyse, teile Workarounds oder diskutiere diesen Vorfall im Blog.
Noch keine Community-Analyse verfasst. Markiere einen Textabschnitt oder klicke oben auf Eigene Analyse verfassen“!
Community Pulse: Relevanz-Einschätzung
1 Klick Experten-Votum
🔴 Akute Relevanz 48%
🟡 In Evaluierung 22%
🟢 Keine Auswirkung 15%
Spannende Innovation 15%
Verwandte Story-Cluster & Quellen (Vektor-KI)
Port 8095 Engine
2 Quellen
ChatGPT, Claude, and Grok all went down at once; enterprises need a backup plan
2 Quellen
OpenAI launches GPT-6 Astra
1 Quelle
What JPMorgan does differently with AI that any company can apply
Ähnliche Beiträge
🔍 Verwandte News

Auch interessante Nachrichten I Built a 2.8KB Cookieless Analytics Tool After Google Analytics Hid 35% of My Traffic

Thematisch verwandte Begriffe: Built, 28KB, Cookieless, Analytics · 6 Treffer

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...

Laden...

Beiträge werden geladen ...

Laden...

Videos werden geladen ...