No. 69 of 106
A cookie notice with consent choices.
A clear banner, a real preference center, cookie details, script & embed blocking and Google Consent Mode v2 — in 8 layouts and 8 skins.
Try it: click “Customize”, open “Cookies (2)” under Analytics, then save — choices in these previews are not stored.
Northwind Goods is a fictional shop. This page also has a real banner in the bottom-left corner — that one is saved.
Readers see the headline right away. Accept and reject have the same weight — the way many European regulators ask for.
The Daily Ledger is a fictional publication.
The drawer slides in with every category visible and a list of real cookie names, providers and expiry — useful for B2B buyers and security reviews. Google Consent Mode signals are sent on save.
Metricly is a fictional product.
The playful skin with the big cookie illustration — press “Yes please” and watch it get eaten. The modal must be answered before the page is used.
Crumb & Co. is a fictional bakery.
If a site uses only essential cookies and cookieless stats, a simple notice is enough. The floating pill says so in one line and disappears on “Got it”.
Slow Trains Journal is a fictional blog.
Opt-out mode starts with categories switched on and makes “Do not sell or share” easy to find. If the browser sends a Global Privacy Control signal, Marketing starts switched off.
Pacific Outfitters is a fictional shop. This is a design example, not legal advice.
The bottom sheet shows the message on the left and all categories on the right — no extra click needed. Bold outline skin with checkbox toggles.
Studio Nine is a fictional studio.
Glass card in the right corner with a close button (closing counts as “reject”), and a dark modal with checkbox toggles and a bounce entrance.
Lumen Films and Nightowl are fictional.
Put the preference center right inside your privacy page. It shows what the visitor chose before and saves for real — it is linked to the banner on this page.
Any link to #cookie-settings (or with class nwckb-open) also opens the banner's settings.
Mark an iframe with data-ukconsent and data-src. Until the visitor allows that category, a friendly placeholder is shown instead — with a one-click “Allow & load”.
The map comes from Google and loads only after Marketing cookies are allowed.
Three small hooks cover most sites. With Consent Mode switched on, gtag('consent', …) is called for you.
<!-- 1. Hold a script until &#FFD60A;analytics&#FFD60A; is allowed --> <script type="text/plain" data-nwconsent="analytics"> /* your analytics snippet */ </script> <!-- 2. Hold an embed until &#FFD60A;marketing&#FFD60A; is allowed --> <iframe data-nwconsent="marketing" data-src="https://…"></iframe> // 3. Ask or react in JavaScript newsonConsent.has(&#FFD60A;analytics&#FFD60A;); // true / false newsonConsent.open(); // open the settings window.addEventListener(&#FFD60A;newson:consent&#FFD60A;, e => console.log(e.detail));
All shops, apps and sites shown in the previews are fictional. The widget helps you ask for consent — check the exact wording with your own legal adviser.
106 elements for news, Cookie Consent Banner included.
NewsOn