Shortcodes, CSS en ontwikkelaars

De shortcodes [kncc_cookie_policy] en [kncc_cookie_settings], aangepaste CSS, de JavaScript-API, events, de toestemmingscookie en filters.

Shortcodes

Shortcode	Wat hij doet
`[kncc_cookie_policy]`	De cookieverklaring: cookies per categorie, de huidige keuze van de bezoeker en een knop Cookievoorkeuren wijzigen
`[kncc_cookie_settings]`	Een link die de cookie-instellingen opnieuw opent
`[kncc_cookie_settings text="Manage cookies"]`	Dezelfde link met je eigen tekst

Zet de link naar de instellingen in je footer of menu, zodat bezoekers hun keuze altijd kunnen wijzigen.

Open de instellingen vanuit je eigen link

Elk element met de klasse kncc-open-settings opent de banner wanneer erop wordt geklikt:

<a href="#" class="kncc-open-settings">Cookie settings</a>

Vanuit JavaScript:

window.knccEditConsent();

Aangepaste CSS

Op de tab Documentatie in de plugin staat een CSS-sjabloon met elke selector die de plugin gebruikt. Kopieer het naar Weergave → Customizer → Extra CSS, je subthema of een plugin voor codefragmenten en haal de regels die je nodig hebt uit het commentaar.

Wordt een regel niet toegepast, zet er dan .kncc-banner voor of voeg !important toe.
Bij typografie met Pluginstijl gebruiken de lettertyperegels !important. Schakel over naar Themastijl om ze makkelijker te overschrijven.
De z-index van de banner is 999999 en die van de zwevende knop 999998. Verhoog ze als je thema overlays boven de banner toont.

De keuze wordt een jaar lang opgeslagen in de first-party cookie kncc_consent, als URL-gecodeerde JSON:

{ "necessary": true, "analytics": true, "marketing": false, "preferences": false, "choice": "custom", "timestamp": "2026-10-28T09:00:00.000Z" }

choice is accept, reject of custom. Lees de cookie uit je eigen code als je de keuze van de bezoeker nodig hebt, maar schrijf er niet naar: gebruik de banner of knccEditConsent().

Events

dataLayer: consent_update met consent_analytics, consent_marketing en consent_preferences, gepusht wanneer de bezoeker kiest. Zie Google Consent Mode v2 en Tag Manager.
Google Consent Mode: gtag('consent', 'update', …) met de signalen van de toegestane categorieën.
WP Consent API: de keuze wordt gedeeld met plugins die de API ondersteunen.

Je eigen scripts tegenhouden

Wil je dat je eigen script op een categorie wacht, druk het dan af met het type text/plain en de categorie:

<script type="text/plain" data-kncc-category="marketing" src="https://example.com/widget.js"></script>

De plugin voert het uit wanneer de bezoeker die categorie toestaat. Zonder code aan te raken doet een regel Blokkeren op adres op de tab Scriptblokkering hetzelfde.

Filters

Filter	Standaard	Gebruik
`kncc_block_html_scripts`	`true`	Geef `false` terug om het blokkeren van scripts in de HTML van de pagina en van later toegevoegde scripts uit te zetten
`kncc_block_injected_scripts`	`true`	Geef `false` terug om alleen de bewaker voor scripts die na het laden van de pagina worden toegevoegd uit te zetten
`kncc_block_iframes`	`true`	Geef `false` terug om het blokkeren van YouTube en Vimeo uit te zetten

// Example: turn off the guard for scripts added after load.
add_filter('kncc_block_injected_scripts', '__return_false');