Demo · Simulated data

See what a cookie banner actually does

Most people click the cookie box away without knowing what it controls. Here is a banner with its cards on the table. Click around the mini-shop, make your choice in the banner at the bottom, and watch in real time which data gets sent, where it goes, and what gets stopped. It is all simulated. Nothing is sent for real.

01

Click in the shop

Try the buttons right away. Before you choose anything, everything but the necessary is blocked.

02

Make your choice in the banner

The banner sits at the bottom of the page, just like on real sites. Allow everything, reject everything, or choose category by category.

03

See what happens

The tools, the tech, and the log show in real time what gets sent and what gets stopped.

👇 Start by making your choice in the cookie banner at the bottom of the page. Try the shop first if you like, and you’ll see that everything but the necessary is stopped.

§ 01 · The shop

A pretend shop. Every click is the kind of event real sites measure.

demobutiken.se
DEMO

The Demo Shop

🛒 0

Retro transistor radio

395 kr

⚠ Cautious mode is on. Nothing but the necessary gets through until you make a choice in the banner.

§ 02 · What the site knows about you

The human answer. What your choices actually mean.

💬 What just happened?

Click something in the shop and I’ll tell you exactly what happens to the data.

What the site knows about you

  • What you have in the cart (0 items)
  • Nothing more. Until you choose, nothing else gets through.

§ 03 · The tools on the page

The tools a marketer typically runs on a site. They switch on and off with your choices.

Cart & session

Necessary

Active

Consent memory

Necessary

Active

Language choice

Functional

Blocked

Google Analytics 4

Analytics

Blocked

Microsoft Clarity

Analytics

Blocked

Meta Pixel

Marketing

Blocked

Google Ads

Marketing

Blocked

TikTok Pixel

Marketing

Blocked

LinkedIn Insight

Marketing

Blocked

§ 04 · The tech

For anyone who knows their way around GTM. The exact signals the systems receive.

The consent gate

security_storagegranted
functionality_storagedenied
analytics_storagedenied
ad_storagedenied
ad_user_datadenied
ad_personalizationdenied
Meta Pixelrevoke

This is how the choice would be saved in the browser (localStorage, the key cookie-consent):

no choice saved yet

§ 05 · The event log

Every event, where it went, and what was stopped.

No events yet. Click around the shop above.

Make your choice here

We use cookies

We want to measure how the site is used and to be able to show relevant ads. Necessary cookies are always on; the rest is up to you.

Demo · your choice only drives the simulation on this page, nothing is measured for real

The same principle as in the real build

The data flow is real, only the recipients are unplugged

What you see above is the same data flow as on a real site. The events, the consent gate, and the signals all work the way they would in production. The only thing unplugged is the recipients. Wire the flow up to real systems like GTM, GA4, and Meta Pixel, and the same logic runs live.

Built from scratch instead of a bought service. Full control over the look, the words, and the behavior.

The choice actually controls things. Scripts are blocked before they load, not after.

Consent Mode v2 steers Google’s tools, and Meta, TikTok, and LinkedIn get their signals directly, with no middleman.

The write-up of the real build will be back shortly.

Want someone on your team who knows how to build this?

Get in touch