This means I need to block all cookies, until a user gives their consent by clicking a button. Then it needs to load the cookies and remember the choice and via a different button the user needs to be able to revoke the choice.
So three function: 1. I agree (load cookies+remember choice+hide div), 2. I decline (don’t load cookies+remember choice+hide div), 3. I revoke on policy page (delete remember choice cookie and reshow the div).
Achieving 1. and 2. is almost explained on this university page, so I know it’s possible to make it custom: https://university.webflow.com/article/facebook-pixel
Problem is that this is only for the Facebook Pixel and again doesn’t do the full 1. 2. & 3. For info: I’m using Google Tag Manager (script in header custom code) to load multiple tracking software (Google Analytics, Pixel, Hubspot) and only the cookies need to be blocked from loading on page load. Other functionalities should still load, like page load in Google Analytics. Can’t just block the entire GTM script until consent.
How do we block ALL kinds of cookies loaded through GTM on page load until consent is given via a self made div/button? Or is this easier when not using GTM but loading the different scripts from GA, Pixel and HubSpot in separately in the head? And otherwise: how do we implement Cookie Consent by Insites opt-in compliance type as shown on these links: https://cookieconsent.insites.com/download/ & https://cookieconsent.insites.com/documentation/disabling-cookies/
Hope someone can help. Thank you in advance.