19 maart 2024

Cookiebot logo verwijderen uit de banner en trigger

CSS Script voor het verwijderen van het Cookiebot logo

Allereerst is het belangrijk om te begrijpen hoe je het Cookiebot logo kunt ‘verwijderen’ uit de banner en uit de trigger. Dit doe je door middel van CSS. CSS is de ’taal’ die bepaald hoe elementen op jouw website er uit zien. Het is dus een code waarmee je ook kunt bepalen welke elementen je wel en niet ziet. Hieronder deel ik met jou het CSS script waarmee je het Cookiebot logo op diverse plaatsen kunt ‘verwijderen’:


<style type="text/css">

a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
display: none !important;
}

#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
display: none !important;
}

.CookiebotWidget-main-logo {
display: none !important;
}

</style>

CSS Script implementeren via GTM

Je kunt bovenstaand script uiteraard inladen via het CSS bestand, maar de kans is groot dat je geen toegang hebt tot de code van de website. Daarom leg ik je graag uit hoe je dit script kunt inladen via GTM.

Triggers aanmaken:

Hiervoor heb je 2 triggers nodig:

  • All pages
  • Cookie consent update

Deze laatste maak je in GTM aan door een nieuwe trigger te maken, te kiezen voor een custom event trigger en vervolgens als event name cookie_consent_update in te vullen. De reden dat je deze trigger nodig hebt is dat op de consent update het logo anders opnieuw wordt toegevoegd door Cookiebot aan de Privacy trigger (het zwarte rondje met lock icon die vaak links onderin beeld staat).

Tag aanmaken:

De tag zelf is een Custom HTML event, deze maak je als volgt aan:

  • Ga in GTM naar ‘Tags’.
  • Klik op ‘New’.
  • Geef jouw nieuwe tag een naam, bijvoorbeeld: “Custom HTML – Hide Cookiebot Logo”.
  • Klik op het blok ‘Tag Configuration’ en kies vervolgens voor tag type ‘Custom HTML’.
  • Plak het CSS script wat ik eerder in deze blog heb gezet in het tekstvlak.
  • Onder Consent Settings, selecteer ‘No additional consent required’.
  • Klik op het blok ‘Triggering’, selecteer de trigger voor ‘All Pages’.
  • Klik vervolgens in het blok ‘Triggering’ op het plusje rechtsbovenin.
  • Selecteer tot slot de Cookie consent update trigger.
  • Sla de tag op en publiceer de wijzigingen wanneer je alle stappen hebt doorlopen.

Meer leren over online marketing?

Lees dan ook eens mijn andere blogs!


Meer leren over digital analytics?

Ik heb een gratis discord community opgezet voor iedereen die zichzelf wilt ontwikkelen op het gebied van tracking & rapportage.

Join MeasureBase
This site is registered on wpml.org as a development site. Switch to a production site key to remove this banner.