Custom Cookiebanner der understøtter Google Consentmode V2

Web

Custom Cookiebanner der understøtter Google Consentmode V2

Carl Rasmus Wriedt Bønnebæk
01 apr. 2024

Det har stået på ønske / opgavelisten i de sidste fem år at lave et cookiebanner der var smart, og smart nok til man bare satte script tagget ind og så virkede det.

I de tidlige dage, - hvor der ikke var CMP platforme som dem vi kender nu, lavede vi bannere i hånden, og det gik ret godt, men kostede alligevel en del for kunderne at sætte op. Hver gang man skulle have et nyt script på (Hvilket sker ret ofte for kunder nu), så skulle en udvikler ind og sætte noget op / på, således man var sikker på det blev håndteret af cookiebanneret. - En noget bekostelig løsning der ihvertfald kostede mindst en times arbejde for en udvikler.

Så kom CMP platformene, - Ret fedt. - Smid et script ind før alt andet script skrammel, og så tager de sig af det. Det virker for det meste ret godt - Det er den løsning jeg har anbefalet til mine kunder de sidste 5 år. For det er bare en bedre løsning end at have en udvikler til at skulle rette noget til, deploye prod sitet og så videre.

 Men hvad gør man så, når man får en kunde der er ren non-profit ala NGO typen, med 100+ sites der skal kunne håndtere cookies på en måde så man (selvfølgelig) overholder gældende GDPR regler, men også gerne vil kunne understøtte Googles Consent mode V2, Ja så er der tilbage til tegnebrættet. :D 

I denne ombæring blev det til en blanding af de gamle dyders principper, kombineret med de fordele vi har i dag, så et fuldt konfigurerbart banner, - med mulighed for at skifte primær farve, og så ellers alt det som kunne automatiseres blev automatiseret. - Ret godt resultat hvis jeg selv skal sige det. 

Easy peasy at sætte ind, og nemt at vælge look i forhold til hver forening.

Resultatet ? - Designguru bliver jeg aldrig, og ja jeg har nok ladet mig inspirere en del af de 40+ gængse løsninger der findes allerede. Men det blev nu faktisk helt hæderligt, og helt sit eget, samtidigt med det understøtter en god brugeroplevelse så man ikke er i tvivl om hvad man vælger.

Teknikken - Keep it simple

Rent teknisk var det en befrielse at se at google virkelig gør sit for at understøtte privacy, det kan selvfølgelig have noget at gøre med at det er en fordel at understøtte før man bliver tvunget til det, men de har i den grad gjort det nemt. 

Default consent er denied denied denied, så vi vi som website ejere her i EU på den sikre side. (og lidt på den blinde, men det må nu engang være således).

Så gtag konfigurationen ser således ud pr. default.

(wait_for_update er ikke nødvendig, det er udelukkende hvis det efterfølgende update på consent er eksekveret senere (async))

Afhængigt af hvad brugerne vælger af level, så opdateres consent mode for hvert efterfølgende page load, således at vælger man accepter alle, så ser update requestet således ud.

Man kan vælge at lave en consent update for hver enkel property hvis man laver sit banner så granuleret, men i dette tilfælde ikke nødvendigt.

Når man så skal teste om det virker, så er der et strålende værktøj til det, hvor du kan se dine consents live.

https://developers.google.com/tag-platform/devguides/consent-debugging#start-debugging

 

 

 

 

Kom bare nærmere

Skal vi mødes og drikke en kop kaffe, eller tage et hurtigt teams møde, så sig til

Lokation

København / Amager

Telefon

Tlf: +45 60200656