Book a demo
Start for free

Forhåndsblokering af cookies: Manuel tagging (med praktiske eksempler)

Kort fortalt

Udover at vise et cookiebanner skal du også blokere cookies før samtykke. Manuel tagging er én af de tilgængelige muligheder.

Ved at foretage en lille ændring af koden til de scripts, der kan installere cookies, giver du vores Privacy Controls and Cookie Solution mulighed for at forhindre deres eksekvering, hvor der endnu ikke er givet samtykke.

iubendas Privacy Controls and Cookie Solution giver mulighed for styring af alle aspekter af compliance i henhold til cookielovgivningen: et cookiebanner til at underrette jeres brugere, en cookiepolitik for flere oplysninger, blokering af scripts før samtykke fra brugeren og beviser på brugernes præferencer.

💡 Gør din cookieblokeringsproces mere enkel med automatisk blokering!

Vidste du, at der er en enklere mulighed for forhåndsblokering af cookies og trackere? Vores funktion til automatisk blokering automatiserer processen, hvilket sparer dig tid og kræfter.

Hvis du foretrækker manuelt at tagge dine scripts, der installerer eller kan installere cookies, kan du stadig følge vejledningen nedenfor for at få trin-for-trin-instruktioner og praktiske eksempler. Vi anbefaler dog kraftigt at overveje autoblokeringsfunktionen for en mere strømlinet tilgang.

👉 Klik her for at få mere at vide om automatisk blokering og hvordan det kan forenkle din cookieblokeringsproces

Sådan installerer du iubendas Privacy Controls and Cookie Solution

Find installationsvejledningen i vores introduktion til Privacy Controls and Cookie Solution. For WordPress anbefaler vi, at du læser vores artikel om WordPress, hvor du lærer, hvordan du bruger plugin’en til WordPress til iubendas Privacy Controls and Cookie Solution til automatisering af scriptblokering.

Hvilke scripts til installation af cookies skal blokeres?

Dette afhænger af, hvilken jurisdiktion din hjemmeside hører ind under. I Europa er du juridisk forpligtet til at blokere cookie-scripts, indtil brugersamtykke er indhentet. Alle cookies skal blokeres, dog med undtagelser. Det drejer sig om de såkaldte strengt nødvendige cookies.

I Italiens tilfælde er kategorien af ​​undtagne cookies:

  • Tekniske cookies, præference-, sessions- og optimeringscookies
  • Statistiske cookies drevet af førstepartsløsninger (f.eks. Matomo/Piwik eller andre løsninger hostet/drevet af dig)
  • Statistiske cookies fra tredjeparter (f.eks. Google Analytics), men kun hvor data er anonymiserede og ikke bruges til profilering (selv indirekte).

Angående Google Analytics

I Italien er betingelsen, for at Google Analytics er berettiget til “intet forudgående samtykke nødvendigt”, IP-anonymisering –men i Frankrig ser Google Analytics ikke ud til at være berettiget til undtagelser, og selvom de anbefaler at bruge Matomo/Piwik – er det anonymisering af brugerens IP, der gør det muligt at udføre analyser på en disaggregeret måde.

Googles samtykketilstand

For at hjælpe annoncører med at administrere cookies til analyse- og reklameformålhar Google introduceret samtykketilstand – en funktion, der giver dig mulighed for at undgå forhåndsblokering for Google Analytics og Google Ads (herunder Google Ads Conversion Tracking og Remarketing).

Lær, hvordan du implementerer det med vores Privacy Controls and Cookie Solution.

Det er vigtigt at bemærke, at der hvor GDPR finder anvendelse, er den tilsigtede brug med til at bestemme, om der kræves samtykke eller ej, da selv statistiske data kan falde ind under “profilering” eller “overvågning”, afhængigt af hvordan data bruges.

For at fortsætte:

  • Google Analytics: følg vejledningen til anonymisering af Google Analytics IP (tilføj blot en ekstra linje til dens konfigurationsdefinition);
  • Ifølge de oplysninger, vi har, følger Webtrekk og mange andre analyseværktøjer allerede standarden og kræver ikke yderligere konfiguration.

Med hensyn til andre værktøjer, der garanterer ikke-brug af cookies

Hvis andre tredjepartsværktøjer garanterer ikke at bruge cookies, måske ved at give dig specifikke konfigurationsmuligheder, så kan de også anses for at være undtaget fra forhåndsblokering.

Dette er nemlig tilfældet med YouTube, som giver dig en specifik funktion til at forhindre brugeren i at blive sporet ved hjælp af cookies.

Brug af Google Tag Manager til at gøre anvendelsen af ​​cookieregler meget enklere

Google Tag Manager er et gratis værktøj, der gør det nemmere at forenkle anvendelsen af ​​cookieregler. Sådan installerer du iubendas Privacy Controls and Cookie Solution Du kan se vores Google Tag Manager-guide her.

Google Tag Manager giver dig mulighed for at undgå tagging-scripts som beskrevet nedenfor, selvom dette er begrænset til en bestemt kategori af scripts – scripts, der ikke er positionelle/ikke definerer en position. Det håndterer derfor ikke indlejrede scripts, såsom dem, der er relateret til annonceringsbannere, YouTube-video-widgets, Facebook-like-knapper osv. Selvom denne metode ikke løser alle problemer, anbefaler vi på det kraftigste, at du bruger den.

Sådan implementeres scriptblokering for de scripts, der kan installere cookies

Ændringer af scriptet

For alle andre scripts, der installerer eller kan installere cookies, skal du fortsætte med ændringer af koden for at implementere blokeringsfunktionen.

For at aktivere blokering af scripts, der kan installere cookies, skal du ændre disse scripts, så iubendas Privacy Controls and Cookie Solution kan forhindre deres eksekvering, hvor der endnu ikke er givet samtykke.

For at gøre dette:

  1. anvend klassen _iub_cs_activate på script-taggene, og
  2. ændr typeattributten fra text/javascript til text/plain

[git:pre_js-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/_iub_cs_activate.js]

src kan forblive uændret, men det er tilrådeligt at erstatte den med data-suppressedsrc eller med suppressedsrc. Udskiftning af src er i nogle tilfælde nødvendigt, da browseren, selvom scriptet er blokeret, kan downloade og/eller fortolke ressourcen og som følge heraf installere cookies.

[git:pre_js-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/safemode/tag-options/suppressedsrc.html]

Bemærk: til scriptgenaktivering håndterer iubendas Privacy Controls and Cookie Solution src-genaktivering ved at kontrollere de tidligere beskrevne attributter i følgende rækkefølge: data-suppressedsrc, suppressedsrc og src (hvis den efterlades uændret).

For at aktivere Javascript inline-tagget skal du i stedet anvende klassen _iub_cs_activate-inline.

[git:pre_js-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/_iub_cs_activate-inline.js]

Bemærk: Klassen _iub_cs_activate-inline skal anvendes på alle document.write- eller document.writeln-objekter.

JavaScript-moduler

Takket være de tilpassede attributter suppressedtype og data-iub-type, kan vores Privacy Controls and Cookie Solution også blokere/aktivere andre scripts end text/javascript (f.eks. module):

<script type="module">
   console.log('dette er et modul, f.eks. "dette" er udefineret:', dette);
</script>

For at blokere det:

<script suppressedtype="module" type="text/plain" class="_iub_cs_activate">
   console.log('dette er et modul, f.eks. "dette" er udefineret:', dette);
</script>

eller (tilsvarende alternativ):

<script data-iub-type="module" type="text/plain" class="_iub_cs_activate">
   console.log('dette er et modul, f.eks. "dette" er udefineret:', dette);
</script>

Hvis du har aktiveret samtykke pr. kategori, skal du angive kategorierne for scripts/iframes med en speciel kommasepareret data-iub-purposes-attribut, f.eks. data-iub-purposes="2" eller data-iub-purposes="2, 3" (det er sjældent, men en enkelt aktivator kan tjene forskellige formål).

Vi minder dig om, at formålene er grupperet i 5 kategorier (Nødvendig, Funktionalitet, Oplevelse, Måling og Markedsføring), som hver har et id (1, 2, 3, 4 og 5):

  1. Nødvendig (id 1). Formål inkluderet:
    • Lagring og administration af sikkerhedskopier
    • Hosting og backend-infrastruktur
    • Administration af landingssider og kontaktformularer
    • Platformstjenester og hosting
    • Beskyttelse mod SPAM
    • Optimering og distribution af trafik
    • Overvågning af infrastruktur
    • Håndtering af betalinger
    • Registrering og autentificering leveret direkte af @{this_application}
    • Indsamling af Brugernes præferencer
    • Bygning og kørsel af @{this_application}
  2. Funktionalitet (id 2). Formål inkluderet:
    • Kontakt til Brugeren
    • Interaktion med live chat-platforme
    • Håndtering af webkonferencer og onlinetelefoni
    • Håndtering af anmodninger om support og kontakt
    • Interaktion med support- og feedbackplatforme
    • Administration af tags
    • Registrering og autentificering
    • Administration af brugerdatabase
    • Forbindelse af data
    • Håndtering af aktiviteter i forbindelse med produktivitet
    • Salg af varer og tjenester online
  3. Oplevelse (id 3). Formål inkluderet:
    • Kommentering af indhold
    • Interaktion med dataindsamlingsplatforme og andre tredjeparter
    • Visning af indhold fra eksterne platforme
    • Interaktion med eksterne sociale netværk og platforme
    • Interaktion med platforme for onlineundersøgelse
    • Administration af RSS-feed
    • Sociale funktioner
    • Adgang til tredjepartskonti
    • Værktøjer til sociale medier
  4. Måling (id 4). Formål inkluderet:
    • Analyser
    • Betatest
    • Indholdsydelse og funktionstest (A/B-test)
    • Heatmapping og registrering af sessioner
    • Håndtering af dataindsamling og onlineundersøgelser
  5. Markedsføring (id 5). Formål inkluderet:
    • Annoncering
    • Infrastruktur for annonceringstjeneste
    • Kommercielt tilhørsforhold
    • Administration af kontakter og afsendelse af beskeder
    • Remarketing og adfærdsmæssig målretning

Lad os tage Twitter-følg-knappen for eksempel:

<a href="https://twitter.com/iubenda" class="twitter-follow-button" data-show-count="false">Følg @iubenda</a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Da Twitter-følg-knappen er en del af formålet “Interaktion med eksterne sociale netværk og platforme”, der er inkluderet i kategorien “Oplevelse” (3), bliver koden:

<a href="https://twitter.com/iubenda" class="twitter-follow-button" data-show-count="false">Følg @iubenda</a>
<script async type="text/plain" class="_iub_cs_activate" data-iub-purposes="3" data-suppressedsrc="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Med undtagelse af strengt nødvendige cookies (som ikke kræver samtykke), skal du tilføje data-iub-purposes-attributten til alle dine scripts, hvis du bruger samtykke pr. kategori, så Privacy Controls and Cookie Solution korrekt kan identificere scripts til frigivelse. Når pr. kategori-funktionen er aktiveret, forbliver scripts/iframes uden data-iub-purposes-attributten eller med mindst ét ​​formål afvist blokeret, så sørg for at tilføje den i hvert tilfælde.

Tilbagekald

Alternativt, i det tilfælde, hvor cookies aktiveres af dele af Javascript-koden, er det muligt at fortsætte via tilbagekald til forekomsten csConfiguration.

[file:pre_html-code@https://raw.githubusercontent.com/iubenda/cookie-law-solution-codesnippets/master/callback/onConsentRead.html]

Bemærk: onConsentGiven, specificeret ovenfor, er stadig tilgængelig af hensyn til kompatibilitet med tidligere versioner. Dens værdi vil under alle omstændigheder blive tilsidesat af onConsentRead, hvis sidstnævnte bruges.

Ændringer af scripts, iframe og img for afhængighedsstyring

I nogle tilfælde er det nødvendigt at vente på tilgængeligheden af ​​en variabel eller et javascript-objekt for at kunne genaktivere et blokeret tag korrekt. For at administrere afhængigheder korrekt finder du data-iub-cs-wait-for-attributten.

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/safemode/tag_options/iub_cs_wait_for.html]

img- og iframe-tags

Forskellige img– og iframe-tags kan også installere cookies . I disse tilfælde er det nødvendigt at tilføje klassen _iub_cs_activate (ligesom for script-taggene beskrevet ovenfor), tildele den oprindelige værdi af src-tagget til en ny attribut kaldet data-suppressedsrc eller suppressedsrc og tildele værdien "about:blank" til src (se eksemplet nedenfor for at visualisere disse regler).

<iframe id="player" class="_iub_cs_activate" width="640" height="390" frameborder="0" suppressedsrc="https://www.youtube.com/embed/erVv_Gm7CC4" src="about:blank "></iframe>

Bemærk: Værdien data:text/html;base64,PGh0bWw+PGJvZHk+U3VwcHJlc3NlZDwvYm9keT48L2h0bWw+tidligere angivet i denne vejledning (det er den kodificerede base64-version af: Suppressed, som så vil blive vist af de fleste browsere før samtykke i stedet for det faktiske output af scriptet) påvirker ikke den korrekte blokering og den efterfølgende aktivering af tagget, men dens brug kan resultere i fejl i visningen af visse Android-webvisninger.

På denne adresse finder du et kode-/indkodningsværktøj til at generere enhver anden base64-version af en hvilken som helst anden streng.

noscript-tags

På nuværende tidspunkt er noscript-tagget, der kan installere cookies i tilfælde, hvor brugeren har deaktiveret JavaScript i sin browser, i en implementeringsfase. For også at være forberedt på disse tilfælde foreslår vi at fjerne noscript-tags fra dokumentet eller at bruge backend-løsninger i stedet, som efter at have opdaget tilstedeværelsen af ​​cookien _iub_cs-local selektivt kan inkludere eller udelukke noscript-taggene fra dokumenterne.

Praktiske eksempler

Nedenfor er eksempler på almindeligt anvendte scripts og vejledning i, hvordan man ændrer dem, så de overholder cookielovgivningen.

4W Marketing

Før

Efter:

1. Definér callBack for onConsentGiven på forekomsten _iub.csConfiguration

[file:pre_html-code@https://gist.githubusercontent.com/s2imon/bd683a02635b39eced38/raw]

2. Inkludér hele scriptet, der indlæser banneret i en div med “display:none” indstillet – eksempel

AddThis

Knap:

AddToAny

AdRoll

Altervista

Altervista og deres annonceudbydere tilslutter sig og støtter Transparency and Consent Framework. Mere info på Altervista Wiki.

Amazon

Banner

Log på

Bing Tracker

Booking (affiliate)

CodePen

Criteo

  • Før
  • Efter – URL-ressourcen indbygges først helt i blokkoden og indsættes derefter i src-egenskaben for script-tagget.

Customerly

Disqus

Elevio

Facebook

Pixel

Synes godt om-knap

Synes godt om-felt

Sideplugin

Foursquare

Freshchat

Bemærk: Kodestykker skal blokeres i en bestemt rækkefølge, hvis der er flere annoncekonverteringer pr. side

  • Det første kodestykke skal blokeres med klassen _iub_cs_activate-inline
  • Alle efterfølgende kodestykker skal blokeres med klassen _iub_cs_activate

Når du gør det, vil det første kodestykke være:

[file:pre_html-code@https://raw.githubusercontent.com/iubenda/cookie-law-solution-codesnippets/master/adwords_after_iub.js]

Mens de efterfølgende konverteringskodestykker bliver:

[file:pre_html-code@https://raw.githubusercontent.com/iubenda/cookie-law-solution-codesnippets/master/adword_after_iub_standard_block.html]

Alle kodestykker på siden kan blokeres med klassen _iub_cs_activate. Eksempel:

[file:pre_html-code@https://raw.githubusercontent.com/iubenda/cookie-law-solution-codesnippets/master/adword_after_iub_standard_block.html]

Google AdSense

Google Analytics

Følgende implementeres kun, når du bruger funktioner i Google Analytics, der tillader sporing af en unik bruger. I alle andre tilfælde foreslås det at anonymisere IP’en.

gtag.js

Google Calendar

Google Maps (iframe)

Google Publisher Tag

Bemærk venligst: Hvis du kører tilpassede annoncer ved hjælp af Google-tjenester, er du forpligtet til at sikre, at der indsamles udtrykkeligt samtykke til tilpasning af annoncer, før du viser tilpassede annoncer til slutbrugere hjemmehørende i EØS. Mere info her.

Google Track (med img-tag)

Headway

Intercom

Kissmetrics

MediaMond

Mixpanel

MyLiveChat

OpenX-banner

Bemærk: Hvis der er mange OpenX-bannere på siden, kan du fremskynde aktiveringen ved at bruge inlineDelay-muligheden (for mere information, se iubendas installations- og tilpasningsvejledning). Vi anbefaler at undgå værdier på mindre end 200 millisekunder.

Optimizely

PayPal (Køb nu-knap)

ShareThis

Smart Adserver

Bemærk: brug asynkrone (AJAX) tags.

head

body

SoundCloud

Spotify

Lyt

Følg

Stripe

TradeTracker

TripAdvisor

Badge-widget

Før:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/tripadisor_badge_before.html]

Efter:

1. Tilføj reloadOnConsent til den grundlæggende konfiguration af iubenda-scriptet som vist nedenfor:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/reload_on_consent.html]

2. Definér isConsentGiven for at kontrollere cookies:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/is_consent_given.html]

3. Erstat det originale TripAdvisor-element med denne ressource:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/trip_advisor/tripadvisor_badge_after.html]

Læs anmeldelse-widget

Før:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/tripadisor_badge_before.html]

Efter:

1. Tilføj reloadOnConsent til den grundlæggende konfiguration af iubenda-scriptet som vist nedenfor:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/reload_on_consent.html]

2. Definér isConsentGiven for at kontrollere cookies:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/is_consent_given.html]

3. Erstat det originale TripAdvisor-element med denne ressource:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/trip_advisor/tripadvisor_badge_after.html]

Skriv anmeldelse-widget

Før:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/tripadisor_badge_before.html]

Efter:

1. Tilføj reloadOnConsent til den grundlæggende konfiguration af iubenda-scriptet som vist nedenfor:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/reload_on_consent.html]

2. Definér isConsentGiven for at kontrollere cookies:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/is_consent_given.html]

3. Erstat det originale TripAdvisor-element med denne ressource:

[git:pre_html-code@https://github.com/iubenda/cookie-law-solution-codesnippets/blob/master/trip_advisor/tripadvisor_writereview_after.html]

Twitter

Følg-knap

Del-knap

Indlejret tweet

UserVoice

Vimeo

Viralize

YouTube

Følgende gælder kun i tilfælde, hvor du ikke bruger muligheden, der lader dig inkludere YouTube-videoer uden at installere cookies til besøgende på webstedet.

Se også