Dokumentationsmenu

Blokering af scripts

Automatisk blokering af scripts, manuel mærkning, samtykkekategorier, pladsholdere og understøttelse af SPA-applikationer.

Kontrol over scripts

Automatisk blokering (standard)

I automatisk tilstand finder og blokerer CookieHug tredjepartsscripts, iframes og sporingspixels ved hjælp af domænematch på værtsnavn og en MutationObserver. Observeren holder øje med både nye DOM-elementer og ændringer af attributten src på eksisterende elementer. Kendte sporingsdomæner kategoriseres automatisk (statistik, markedsføring, præferencer) og blokeres, indtil samtykket er givet.

Match på værtsnavn: mønstrene sammenlignes med URL'ens værtsnavn (ikke hele URL'en), hvilket forhindrer falske positiver — segment.com blokerer altså ikke ved et uheld my-segment.com. Mønstre med en sti (f.eks. facebook.com/tr) sammenlignes med hele URL'en. Relative URL'er (førstepartsscripts) blokeres aldrig.

Dækkede tjenester omfatter bl.a.: Google Analytics (inklusive region1), Google Tag Manager, Google Ads, Meta/Facebook Pixel, TikTok, Snapchat, LinkedIn, Twitter/X, Pinterest, Bing Ads, Reddit, Quora, Amazon Ads, Hotjar, Clarity, Plausible, Matomo, Amplitude, FullStory, Mouseflow, Fathom, Datadog RUM, LogRocket, YouTube, Vimeo, Google Maps, Intercom, Crisp, LiveChat, Tawk.to, Drift, HubSpot, Zendesk, Freshworks med flere.

Scripts på hvidlisten (f.eks. jQuery, Bootstrap, gængse CDN-biblioteker) blokeres aldrig.

Vigtigt: CookieHug-scriptet skal ligge i <head> før alle tredjepartsscripts. Scripts, der indlæses før CookieHug, kan ikke blokeres bagudrettet.

Manuel mærkning af scripts

Brug data-cookiehug-consent til manuelt at styre, hvilke scripts der kræver samtykke. Sæt scriptets type til text/plain for at forhindre kørsel, før samtykket er givet.

<!-- Statistikscript (eksternt) -->
<script type="text/plain" data-cookiehug-consent="statistics"
  src="https://www.googletagmanager.com/gtag/js?id=G-XXXXX">
</script>

<!-- Markedsføringsscript (inline) -->
<script type="text/plain" data-cookiehug-consent="marketing">
  fbq('init', '123456789');
  fbq('track', 'PageView');
</script>

<!-- Præferencescript -->
<script type="text/plain" data-cookiehug-consent="preferences"
  src="https://cdn.example.com/chat-widget.js">
</script>

Pladsholdere for blokerede elementer

Når CookieHug blokerer en iframe (video, kort, socialt indlejret indhold, chatwidget), erstattes den automatisk af en pladsholder med et passende ikon, en forklaring på, hvorfor indholdet er blokeret, og en knap, der giver samtykke til netop den kategori.

Brug af runScripts() i SPA'er

I single page-applikationer, hvor indholdet hentes dynamisk, skal du kalde CookieHug.runScripts(), når nyt indhold med mærkede scripts er føjet til DOM'en:

// Efter dynamisk indlæsning af nyt sideindhold
loadPageContent().then(function() {
  CookieHug.runScripts();
});