Last updated: 31 December 2024

Hide Cookiebot’s logo (in the cookie banner)

Nick van Maaren
Freelance Ads & Analytics expert

Implementing the CSS Script via GTM

You can load the script directly via the CSS file, but it’s likely you don’t have access to the website’s code. Therefore, I’ll explain how to load this script using Google Tag Manager (GTM).

Create a new trigger
You’ll need two triggers for this:

  • All Pages (this trigger already exists in GTM).
  • Cookie Consent Update (this trigger should be created first).

To create a trigger in GTM, follow these steps:

  • Choose the trigger type Custom Event Trigger.
  • Enter cookie_consent_update as the event name.
  • This trigger is necessary because Cookiebot may reload the logo in the Privacy Trigger after a consent update.

Create a new tag
The tag itself will be a Custom HTML tag. Here’s how to set it up:

  • In GTM, go to ‘Tags’.
  • Click on ‘New’.
  • Name your new tag, for example: Custom HTML – Hide Cookiebot Logo.
  • Click on the ‘Tag Configuration’ block and choose the tag type Custom HTML.
  • Paste the CSS script shared above into the text field.
  • Under Consent Settings, select ‘No additional consent required’.
  • Click on the ‘Triggering’ block and select the ‘All Pages’ trigger.
  • Click the plus icon in the ‘Triggering’ block to add the Cookie Consent Update trigger.
  • Save the tag and publish the changes once all steps are completed.

Join the community

Level up your analytics skills in our free Discord community.

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