Free custom cookie banner with consent mode V2 - Thijs Joosten

For this video I have created a free cookie consent banner with consent mode V2 functionality that is nearly plug and play.
No monthly fees, just a simple implementation by importing my pre-made Google Tag Manager container into your account.
I wanted to look at different free options for a cookiebanner but found that there really wasn't anything available that works. Hence, I took it to myself and starting working on it with ChatGPT. It didn't take me long before I actually got it up and running to work for Consent Mode V2. Therefore, I want to share this with you and hope it help you as well.
If you like this video, think I miss something important or want to see anything more added please let me know in the comments!
All the positive comments from everyone made me dive straight into getting it to work and available to you all. I hope this video really helps you.
Simply download the GTM Container Import file here: drive.google.c...
NOT SHOWN IN THE VIDEO: in the code it mentions my domain tj-da.com. Make sure to change this domain to your own domain to make sure it works correctly.
You can simply replace my domain with your domain.
Good luck!

[@BaclibreMa_DocJamal]

Man! Thank you so much for sharing this technical stuff. Might be abvious for you, but, it clarifies many things for me about the real implementation of the consent management. God bless you 🙏

[@wesleyvanwyk4084]

Nicely detailed video! I still struggle with cookies variable etc. Is there any chance you can create a video on how you create and segment these cookies into their categories like marketing, preferences etc. ?

[@tjda-onlinemarketing5190]

Hi @wesleyvanwyk4084, It kind of works the other way around. You simply push the answer in the cookiebanner to the datalayer. Whether it is Marketing, Preferences or Statistics. Then you let specific tags fire based on what cookie consent they gave (and is present in the variable in the dataLayer because they selected it). Does that make it more clear? Good luck!

[@wesleyvanwyk4084]

@@tjda-onlinemarketing5190 I struggle with adding it to the datalayer. Also can you do multiple to 1 variable?

[@ninokraus5078]

Hi Joost, thanks voor de goede video!! Vraagje: Als ik de tweede keer in preview mode ga (en cookies dus al heb geaccepteerd) dan krijg ik geen cookie_consent_update. Heb je hiervoor een tip?

[@tjda-onlinemarketing5190]

Hi Nino, ik kwam dit zojuist tegen en heb een nieuwe versie online gezet in de drive. De toevoeging die ik heb gemaakt is om te zorgen dat Simo Ahava's update tag altijd afvuurt nadat de default state tag afvuurt. Dus bij tag sequencing bij de "Simo Ahava Consent Mode" tag --> Fire a tag after Simo Ahava Consent Mode fires --> Simo Ahava - cookie consent update. Je kunt dit toevoegen of de nieuwe versie via de drive link importeren!

[@AndriesDeClippeleir]

Waarom zet je de Gtag op consent initialization? is hier een specifieke reden voor? Extra feedback, is het mogelijk om via chatgpt een versie te maken die de cookie popup in het midden van de screen zet en de rest van de website minder zichtbaar maakt.. heb gelezen dat dit er voor zorgt dat mensen verplicht zijn om te kiezen voor cookies en dat je hierdoor meer data kan ontvangen (mensen negeren vaak de banner als die onderaan de pagina staat en niet "verplicht" is)

[@AndriesDeClippeleir]

Hello Joost, heb dit ondertussen al zelf kunnen instellen met uitzondering van blur effect, ook hiervoor heb ik wel een methode maar moet even met een echte dev hiernaar kijken. Wel merk ik dat GTAG toch afvuurt wanneer ik geen cookies accepteer op de consent initialization. Is dit normaal of stuurt die slechts beperkte data door? Ik heb een manier om in GTM dit gedrag tegen te houden tot er een consent is. Als je wil kan ik je dit wel eens laten zien. Groeten, Andries (top werk btw!)

[@tjda-onlinemarketing5190]

Hi @AndriesDeClippeleir, De reden waarom ik de tag afvuur op de consent initialization is voornamelijk omdat dit de meest gebruikte trigger is. Zo kun je de Consent Mode vroeg in de website laden voordat andere tags afgaan, aangezien veel andere tags moeten luisteren naar het antwoord van de cookiebanner. Leuk om te horen dat je al druk bezig bent geweest met het wijzigen van de banner zelf. Ik heb al van meerdere mensen gehoord dat ze mooie aanpassingen hebben gemaakt aan de banner. Mogelijk dat ik ooit een aantal designs toevoeg zodat mensen kunnen kiezen welke ze willen gebruiken. Maar voor nu wil ik het allemaal erg basis en functioneel houden! Betreft je tweede bericht. De Google Tags hebben 'built-in consent'. Dit betekent dat deze altijd geladen worden maar hun gedrag aanpassen op basis van de consent die is gegeven. Het is dus bijvoorbeeld correct dat de Google Ads Tag wordt ingeladen terwijl geen Marketing cookies zijn aangeklikt. Er zal dan geanonimiseerde/gemodelleerde data verstuurd worden naar Google. Wil je de strengere wetgevingen ook voldoen (ePrivacy directive), dan kun je er voor kiezen om de 'ad_storage' een harde vereiste te maken voordat de Google Ads tag afvuurt. Dit doe je onderaan de Google Ads tag bij 'consent'. Succes!

[@100commentaires7]

thank you I found it, as you said in the description it was because of the domain name, on the other hand I see in the code the Your own id of GTM it must be changed too? Thanks a lot

[@tjda-onlinemarketing5190]

Hi @100commentaires7, That's good to hear! Indeed I made an improvement to the code after the video to make sure that it works on the entire domain. Which means that the domain part that is added has to be changed to your own domain name (and don't forget the '.' in front of it). The GTM-container ID that you see in the video will be automatically changed when you import it into your container. You will only import the part that is in the container. So the container ID is already your own 'correct' ID. Good luck!

[@VidVlasic]

@@tjda-onlinemarketing5190 Where? I cant update cookies from denied to granted.

[@BaclibreMa_DocJamal]

@@tjda-onlinemarketing5190 Hey Joosten, Thank you so much for creating this video. I'm trying to implement it to my website, but I keep having this error while in Debug mode of Tagmanager "A tag read consent state before a default was set". Not an expert, but it seems to say, that the initial setting of the Consent is NOT done properly. I noticed you got the same error in the video. Did you find the source of the problem?

[@tjda-onlinemarketing5190]

Hi@@BaclibreMa_DocJamal, you are correct. I only noticed it after the video. But worry not, all you need to add to 'custom cookie consent banner tag' under 'consent settings' No additional consent required. As this is the banner that actually loads all consent later, there is no consent required for this tag. But Tag Manager doesn't know that by itself, so we need to set it under 'consent settings' manually! Were you also able to change the domain name to your own as I wrote in the description of the video? Enjoy!

[@BaclibreMa_DocJamal]

@@tjda-onlinemarketing5190 Thank you man. It works now. After digging more on it and espetially a video "How to solve Consent Mode Warnings in Tag Assistant" by Leon Korteweg. It turns out to that the trigger for Meta pixel/Snapchat... should be "Simo Consent Update" only. Hope this help other people.