Hur blockerar man tredjepartskoder och cookies om inget samtycke har givits?

Automatisk kontra manuell blockering

ConsentManager erbjuder manuell och automatisk blockering av koder och cookies. Trots att automatisk blockering är enklare att installera rekommenderar vi av efterlevnadsskäl att använda manuell blockering!

Här är en jämförelse mellan de två blockeringsmetoderna:

Automatisk blockering

Enkel att installera, endast en kod i <head>
Kan orsaka problem med efterlevnad
Körs synkront, webbplatsens hastighet blir långsammare
Kan orsaka problem med vanliga webbplatsfunktioner (t.ex. blockering av felaktiga skript)

Du kan läsa mer om automatisk blockering av koder och cookies här.

Manuell blockering

Svårare att installera, alla skript/iframes måste justeras
Mycket säkert/kompatibelt om det installeras korrekt
Körs asynkront, webbplatsens hastighet påverkas inte
Orsakar sannolikt inga problem med webbplatsens normala funktioner (blockerar t.ex. endast de skript som du väljer att blockera)

Vi rekommenderar att du använder manuell blockering för att undvika problem med efterlevnad!

Manuell blockering av koder och cookies

CMP kan skjuta upp laddningen av annonser på din webbplats tills samtycke har givits. För att aktivera denna funktion måste du ändra befintliga annonskoder på din webbplats.

Observera att blockering/uppskjuten laddning endast fungerar med asynkrona skriptkoder och Iframe-koder, och inte med synkrona skriptkoder.

Iframe-koder

Om du vill skjuta upp en iframe-kod, följ dessa steg:

Ändra src="…" -attributet för iframe till data-cmp-src="…"
Lägg till ett nytt src="about:blank" attribut till iframe
Om en class="…" finns, lägg till cmplazyload till värdet. Om klassen inte finns, lägg till attributet inklusive värdet class="cmplazyload"
Lägg till ett nytt attribut data-cmp-vendor="x" och/eller data-cmp-purpose="x" för att endast aktivera koden om samtycke för denna leverantör och detta syfte har givits. Se information nedan.

Exempelkod före ändring:

<iframe width="300" height="250" noresize="noresize" scrolling="no" 
        frameborder="0" marginheight="0" marginwidth="0"
        src="http://adserver.de/?x=1&y=2"
        ALLOWTRANSPARENCY="true"></iframe>

Exempelkod efter ändring:

<iframe width="300" height="250" noresize="noresize" scrolling="no"        
        frameborder="0" marginheight="0" marginwidth="0"        
        class="cmplazyload"        
        src="about:blank"     
        data-cmp-vendor="123"
        data-cmp-src="http://adserver.de/?x=1&y=2"        
        ALLOWTRANSPARENCY="true"></iframe>

asynkrona skriptkoder

Om du vill skjuta upp laddningen av en asynkron skriptkod, följ dessa steg:

Om en src="..." finns, ändra src="…" attributet i skriptet till data-cmp-src="…"
Om en type="..." finns, ändra dess värde till text/plain, annars lägg till attributet med detta värde type="text/plain".
Om en class="…" finns, lägg till cmplazyload till värdet. Om klassen inte finns, lägg till attributet inklusive värdet class="cmplazyload"
Lägg till ett nytt attribut data-cmp-vendor="x" och/eller data-cmp-purpose="x" för att endast aktivera koden om samtycke för denna leverantör och detta syfte har givits. Se information nedan.

Exempelkod 1 före ändring:

<script async
        type="text/javascript"
        src="https://adserver.de/banner.php"></script>

Exempelkod 1 efter ändring:

<script async 
        type="text/plain"
        data-cmp-src="https://adserver.de/banner.php"
        class="cmplazyload"
        data-cmp-vendor="123" 
        ></script>

Exempelkod 2 före ändring:

<script type="text/javascript">
  console.log("do something here");
</script>

Exempelkod 2 efter ändring:

<script type="text/plain" class="cmplazyload" data-cmp-vendor="123">
  console.log("do something here");
</script>

Blockera andra sidelement

Den ovan beskrivna blockeringsmekanismen kan användas med i princip alla HTML-element som laddar data från tredje part:

bild
video
källa
objekt
bädda in
länk (Obs: använd data-cmp-href istället för data-cmp-src)

Ytterligare attribut

Följande ytterligare attribut kan läggas till i script-/iframe-koder för att ytterligare anpassa leveransen till vissa samtyckesresultat:

Attribut	Beskrivning
`data-cmp-hide="1"`	Om detta finns kommer CMP att dölja iframe om samtycke inte ges och visa iframe om samtycke ges
`data-cmp-vendor="xxx"`	CMP aktiverar endast detta skript/iframe om samtycke för leverantören `xxx` har givits. Flera leverantörer kan kombineras med kommatecken, t.ex. `data-cmp-vendor="xxx,yyy,zzz"` Kan även innehålla värdet `*` för att signalera att alla leverantörer gäller.
`data-cmp-purpose="xxx"`	CMP aktiverar endast detta skript/iframe om samtycke för syftet `xxx` har givits. Flera syften kan kombineras med kommatecken, t.ex. `data-cmp-purpose="xxx,yyy,zzz"` Kan även innehålla värdet `*` för att signalera att alla syften gäller.
`data-cmp-preview="WxH"`	CMP visar ett förhandsgranskningselement (se dynamisk innehållsblockering) på denna position. `WxH` måste ersättas med bredden och höjden (t.ex. 300×400) på förhandsgranskningslagret.
`data-cmp-preview-connect="xxx"`	Anger att CMP ska avblockera alla andra element med klassen xxx när detta element har avblockerats.
`data-cmp-preview-headline="..."`	Gör det möjligt att justera rubriktexten i förhandsvisningen.
`data-cmp-preview-text="..."`	Gör det möjligt att justera texten i förhandsvisningen.
`data-cmp-preview-btn="..."`	Gör det möjligt att justera knapptexten i förhandsvisningen.
`data-cmp-preview-checkbox="..."`	Gör det möjligt att justera texten i kryssrutan i förhandsvisningen. Om den är inställd på en tom sträng visas inte kryssrutan.
`data-cmp-preview-image="https://..."`	Gör det möjligt att justera bilden i förhandsgranskningen.
`data-cmp-haspreview="0 / 1"`	Inaktiverar överlägget för dynamiskt innehåll (standard = 0).
`data-cmp-preview-bgcolor="#000"`	Här kan du justera bakgrundsfärgen i förhandsvisningen (standard = svart)
`data-cmp-preview-mode="0 / 1"`	Ställer in läget för förhandsgranskningen: – 0 (standard): Förhandsvisningen visas endast om inget samtycke har givits för denna leverantör – 1: Förhandsvisningen visas alltid (även om leverantören har samtycke)
`data-cmp-ab="1"`	CMP kommer inte att använda automatisk blockering med detta element.
`data-cmp-ab="2"`	CMP kommer inte att använda automatisk blockering med detta element och alla element som skapas av detta element.
`data-cmp-block="X"`	Blockerar elementet beroende på värdet på `x`: – `contentpass`: Blockerar elementet om användaren loggade in via contentpass – `purmodel`: Blockerar elementet om användaren loggade in via en anpassad modell – `textblocking`: Blockerar elementet om användaren inte godkände leverantör(er) eller syfte(n)

Obs: Om data-cmp-vendor="..." och data-cmp-purpose="..." inte finns, kommer systemet att kontrollera om minst ett syfte har godkänts. Om så är fallet kommer koden att aktiveras.

Du hittar ID-numren för alla syften i menyn Syften:

Du hittar ID-numren för alla leverantörer i menyn Leverantörer/Vitlista:

We do our best to keep this purely informative documentation up to date. However, if you notice that any of these guides need a little touch-up, let us know!