Cookie consent
that sets itself up.

One script tag. Three things happen.

1. 1

   You add Kockica to the top of your page, or install it from npm.

2. 2

   Kockica looks at your page. It recognises Google Analytics, Meta Pixel, YouTube and other known trackers, holds them back and builds a banner with only the categories your site really uses.

3. 3

   Your visitor decides. Nothing optional runs before a choice. After "Accept", trackers start at once and on every next page; after "Reject", they never load.

Everything a cookie banner should do. Nothing you have to configure.

• Finds trackers by itself.

  Google Analytics, Google Ads, Google Tag Manager, Meta Pixel, Hotjar, Microsoft Clarity, LinkedIn Insight, TikTok Pixel, YouTube, Vimeo and Google Maps - in your HTML and in tags added later by JavaScript.

• Blocks before consent.

  Scripts do not run, embeds do not load, no cookies are set. Blocked videos and maps show a short note with an "Allow and show" button.

• A cookie table that writes itself.

  Put one line on your cookie policy page; Kockica lists every cookie by category with provider, purpose and duration, in the visitor's language.

• Google Consent Mode v2 built in.

  Google tags stay loaded but cookieless until consent, as Google recommends. Prefer to block them completely? One setting.

• 22 languages.

  The banner speaks the language of your page. Each visitor downloads only that language, about 1.5 KB.

• Small and fast.

  About 22 KB (gzip) for the whole script.

• Discreet.

  A small single-colour button in the corner, or just your own "Cookie settings" link in the footer. No loud floating widget on your brand.

• Proof of consent (optional).

  Send each choice to your own endpoint. The browser sends no IP address or other personal data.

• Works with any stack.

  A script tag for WordPress, static sites and anything with a <head>; an npm package for React and Next.js, including client-side navigation.

Built to the rules regulators actually check.

• Opt-in. Every optional category starts off. No pre-ticked boxes.
• Reject as easy as accept. "Accept all", "Reject all" and "Settings" sit side by side on the first screen and look the same, as the EDPB Cookie Banner Taskforce expects.
• Clear first layer. The banner names the purposes and the company responsible (the controller), as Slovenian law (ZEKom-2, art. 225) requires.
• Withdraw any time. One click on the settings button or footer link changes or withdraws the choice.

Kockica helps you comply; it is not legal advice. Have the default texts reviewed by your data protection officer or lawyer.

Speaks your visitors' language.

• English
• Slovenian
• German
• Croatian
• Italian
• French
• Spanish
• Portuguese
• Dutch
• Danish
• Polish
• Czech
• Slovak
• Hungarian
• Bulgarian
• Ukrainian
• Russian
• Greek
• Albanian
• Swedish
• Finnish
• Norwegian (Bokmål)

Need another one? Add your own texts in a few lines.

Install in two minutes.

<script
  src="https://cdn.jsdelivr.net/npm/@datavallis/consent@0.3/dist/kockica.min.js"
  data-site-id="my-site"
  data-controller="Example Ltd., Ljubljana"
  data-policy-url="/cookie-policy"
  data-languages="en"
></script>

npm i @datavallis/consent

import { initConsent } from '@datavallis/consent';
import '@datavallis/consent/style.css';

initConsent({
  siteId: 'my-site',
  controller: { name: 'Example Ltd., Ljubljana' },
  policyUrl: '/cookie-policy',
  languages: ['en', 'de'],
});

<div data-kockica-cookie-table></div>

<a href="#" data-kockica-preferences>Cookie settings</a>

Full options and the Next.js guide are in the README on npm.

This is the table Kockica made for this page.

FAQ