Installing Cookie Consent v3 via Google Tag Manager

[T08OG]

Hi all,

I was wondering if there would be someone that could help me upgrade our Cookie Consent Banner V2 to V3 using Google Tag Manager. My knowledge on HTML and JavaScript is very minimal, but still managed to implement the V2 Banner using the guide. However, trying to do this for V3 is currently not working for me.

I now created two tags in GTM:

1. CUSTOM HTML:
   "script type="module" src="cookieconsent-config.js">
   import 'https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.umd.js';

   CookieConsent.run({
   autoclear_cookies: true,
   disablePageInteraction: true,
   hide_from_bots: true,
   guiOptions: {
   consentModal: {
   layout: 'cloud',
   position: 'bottom left',
   equalWeightButtons: true,
   flipButtons: false
   },
   preferencesModal: {
   layout: 'bar',
   equalWeightButtons: true,
   flipButtons: false
   }
   },
   onFirstAction: function (user_preferences, cookie) {
   // callback triggered only once on the first accept/reject action
   },
   categories: {
   necessary: {
   enabled: true, // this category is enabled by default
   readOnly: true // this category cannot be disabled
   },
   analytics: {
   enabled: true,
   readOnly: false,
   autoClear: {
   cookies: [
   { name: /^_ga/ }, // regex: match all cookies starting with '_ga'
   { name: '_gid' } // string: exact cookie name
   ]
   },
   services: {
   ga: {
   label: 'Google Analytics',
   cookies: [{ name: /^(_ga|_gid)/ }]
   }
   }
   },
   targeting: {
   enabled: true,
   readOnly: false
   }
   },
   language: {
   default: 'nl',
   translations: {
   en: {
   consentModal: {
   title: 'Wij gebruiken cookies! 🍪',
   description: 'Onze website maakt gebruik van cookies om jou de beste ervaring te bieden. Wij activeren automatisch essentiële cookies om ervoor te zorgen dat de website goed functioneert. Daarnaast gebruiken we tracking cookies om te begrijpen hoe je onze website gebruikt, om je ervaring op onze website te verbeteren & voor de personalisatie van advertenties. De laatstgenoemde cookies worden alleen geactiveerd na toestemming.',
   acceptAllBtn: 'Accepteer alles',
   acceptNecessaryBtn: 'Accepteer alleen noodzakelijke cookies',
   showPreferencesBtn: 'Pas cookies aan'
   },
   preferencesModal: {
   title: 'Cookie voorkeuren',
   acceptAllBtn: 'Accepteer alles',
   acceptNecessaryBtn: 'Weiger alles',
   savePreferencesBtn: 'Voorkeuren opslaan',
   closeIconLabel: 'Voorkeuren afsluiten',
   sections: [
   {
   title: "Cookie gebruik 📢",
   description: 'We gebruiken cookies om de basisfuncties van de website te garanderen en om jouw online ervaring te verbeteren. Je kunt voor elke categorie kiezen voor opt-in/out wanneer je maar wilt. Lees de volledige privacy policy voor meer informatie over cookies en andere gevoelige gegevens.'
   },
   {
   title: "Strikt noodzakelijke cookies",
   description: "Deze cookies zijn essentieel voor het goed functioneren van onze website. Zonder deze cookies zou de website niet naar behoren werken.",
   linkedCategory: "necessary"
   },
   {
   title: "Prestatie en analyse cookies",
   description: "Met deze cookies kan de website de keuzes onthouden die je in het verleden hebt gemaakt. Deze cookies slaan geen persoonlijke gegevens op.",
   linkedCategory: "analytics"
   },
   {
   title: 'Advertentie en tracking cookies',
   description: 'Deze cookies verzamelen informatie over hoe je de website gebruikt, welke pagina's je hebt bezocht en op welke links je hebt geklikt. Alle gegevens worden geanonimiseerd en kunnen niet worden gebruikt om je te identificeren.',
   linkedCategory: 'targeting',
   },
   {
   title: 'Meer informatie',
   description: 'Als u vragen hebt over ons cookiebeleid en uw keuzes, kunt u contact met ons opnemen.'
   }
   ]
   }
   }
   }
   }
   });
   </script"

Visible with trigger 'Initialization - All Pages'

2. CUSTOM HTML
   "link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/orestbida/[email protected]/dist/cookieconsent.css">"

Visible on all pages

The developer tool is not giving any error messages, but the cookie banner is simply not showing up. Is there someone that can help me?