Den här guiden visar hur du implementerar cookieblockering med Cookie & GDPR Manager kopplad till Google Tag Manager (GTM), med så kallad prior blocking aktiverad.
Det innebär att icke-nödvändiga cookies blockeras tills besökaren har gett sitt samtycke – ett krav enligt GDPR.
OBS! Innan du börjar, se till att du har konfigurerat Cookie & GDPR Manager (iubenda)-taggarna i Google Tag Manager. Vi har en enkel guide för att göra detta här.
Om du har byggt din webbplats med WordPress finns det ett officiellt plugin som du kan använda för att lägga till dina Cookie & GDPR Manager-tjänster på din webbplats. Ta del av vår guide för detta här.
Vad är Prior Blocking?
Dataskyddsförordningen (GDPR) kräver att webbplatser inhämtar informerat samtycke från användare innan cookies som inte är nödvändiga för webbplatsens grundläggande funktion används. Prior blocking säkerställer att användare har kontroll över sin personliga information genom att låta dem bestämma om de vill att icke-nödvändiga cookies ska placeras på deras enheter eller inte.
Hitta din kod i Cookie & GDPR Manager (iubenda)
- Logga in i Websupports kontrollpanel
- Gå till Tjänster → Cookie & GDPR Manager
- Klicka på Gå till app
- Väl inne i kontrollpanelen för Cookie & GDPR Manager (iubenda) letar du fram Privacy Controls and Cookie Solution och väljer Redigera
- Kontrollera att du har alla policies på plats och klicka på Spara
- Leta fram Privacy Controls and Cookie Solution på nytt och välj Bädda in för att hitta koden du behöver till din webbplats
- Kopiera koden!
Anpassa koden för Google Tag Manager
Du behöver lägga till några rader text i den kod du kopierat för att säkerställa att de taggar du har ställt in endast aktiveras när besökaren ger sitt samtycke.
Ta den kod du kopierade i föregående steg och klistra in den i en textredigerare som du föredrar (till exempel Notepad, Word eller Google Docs). Koden du kopierade bör se ut ungefär så här:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"askConsentAtCookiePolicyUpdate":true,
"enableLgpd":true,
"enableUspr":true,
"floatingPreferencesButtonDisplay":"bottom-right","lang":"en-GB","perPurposeConsent":true,
"siteId":3138964,
"usprApplies":true,
"whitelabel":false,
"cookiePolicyId":73037660,
"banner":{
"acceptButtonDisplay":true,
"backgroundOverlay":true,
"closeButtonDisplay":false,
"customizeButtonDisplay":true,
"explicitWithdrawal":true,
"listPurposes":true,
"rejectButtonDisplay":true,
"showPurposesToggles":true
}
};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/gpp/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Nu kopierar du koden nedan, inklusive det inledande ” , “
,
"callback": {
onPreferenceExpressedOrNotNeeded: function(preference) {
dataLayer.push({
iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut()
});
if (!preference) {
dataLayer.push({
event: "iubenda_preference_not_needed"
});
} else {
if (preference.consent === true) {
dataLayer.push({
event: "iubenda_consent_given"
});
} else if (preference.consent === false) {
dataLayer.push({
event: "iubenda_consent_rejected"
});
} else if (preference.purposes) {
for (var purposeId in preference.purposes) {
if (preference.purposes[purposeId]) {
dataLayer.push({
event: "iubenda_consent_given_purpose_" + purposeId
});
}
}
}
}
}
}
Klistra in den kopierade koden i din ursprungliga kod, på den plats vi visar i skärmbilden nedan:
Du bör nu ha en komplett koduppsättning som ser ut ungefär så här:
<script type="text/javascript">
var _iub = _iub || [];
_iub.csConfiguration = {
"askConsentAtCookiePolicyUpdate":true,
"enableLgpd":true,
"enableUspr":true,
"floatingPreferencesButtonDisplay":"bottom-right","lang":"en-GB","perPurposeConsent":true,
"siteId":3138964,
"usprApplies":true,
"whitelabel":false,
"cookiePolicyId":73037660,
"banner":{
"acceptButtonDisplay":true,
"backgroundOverlay":true,
"closeButtonDisplay":false,
"customizeButtonDisplay":true,
"explicitWithdrawal":true,
"listPurposes":true,
"rejectButtonDisplay":true,
"showPurposesToggles":true
},
"callback": {
onPreferenceExpressedOrNotNeeded: function(preference) {
dataLayer.push({
iubenda_ccpa_opted_out: _iub.cs.api.isCcpaOptedOut()
});
if (!preference) {
dataLayer.push({
event: "iubenda_preference_not_needed"
});
} else {
if (preference.consent === true) {
dataLayer.push({
event: "iubenda_consent_given"
});
} else if (preference.consent === false) {
dataLayer.push({
event: "iubenda_consent_rejected"
});
} else if (preference.purposes) {
for (var purposeId in preference.purposes) {
if (preference.purposes[purposeId]) {
dataLayer.push({
event: "iubenda_consent_given_purpose_" + purposeId
});
}
}
}
}
}
}
};
</script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/gpp/stub.js"></script>
<script type="text/javascript" src="//cdn.iubenda.com/cs/iubenda_cs.js" charset="UTF-8" async></script>
Lägg in koden på din webbplats
När koden är klar klistrar du in den på din webbplats, före </body>-taggen i webbplatsens kod.
Publicera i Google Tag Manager
När du är redo, publicera de taggar och triggers du har skapat i Google Tag Manager för att göra dem aktiva på din webbplats.
Testa att allt fungerar
Kontrollera att:
- Cookiebannern visas korrekt
- Inga icke-nödvändiga cookies sätts innan samtycke
- Taggar i GTM triggas först efter godkännande
Sammanfattning
Du har nu kopplat Cookie & GDPR Manager till Google Tag Manager med prior blocking aktiverat.
Det innebär att:
- cookies blockeras korrekt innan samtycke
- dina taggar följer användarens val
- din webbplats uppfyller dataskyddskraven
Nästa steg
Lägg till fler taggar i Google Tag Manager vid behov och koppla dem till rätt triggers. Glöm inte att publicera ändringarna varje gång du uppdaterar din konfiguration.
