<\/strong>Verberg of toon de cookie consent. Mogelijke waarden zijn \u2018true\u2019 of \u2018false\u2019.<\/p>\n
force backdrop<\/strong> backdrop_color<\/strong> position<\/strong> font<\/strong> button1Color<\/strong> button2Color<\/strong> button3Color<\/strong> pillColor<\/strong> consentHeight hiddenHorizontalRule headerSize<\/strong> subheaderSize<\/strong> bodySize<\/strong> alwaysActiveSize<\/strong> transformTitle<\/strong> functional<\/strong> analytics<\/strong> marketing<\/strong> functionalDefaultChecked analyticsDefaultChecked marketingDefaultChecked google_consent_mode<\/strong> Om onze cookie consent popup op uw website te installeren kunt u deze eenvoudig als tag toevoegen binnen Google Tag Manager. Klik hiervoor op de knop tags en druk op ‘Nieuw’.<\/p>\n Geef uw tag een naam (b.v. Cookieconsent.io – all pages). Druk vervolgens op de knop ‘Ontdek meer tagtypen in de templategalerij van de community’.<\/p>\n Zoek vervolgens op ‘cookieconsent.io’. Selecteer CookieConsent.io en klik op ‘Toevoegen aan werkruimte’.<\/p>\n Klik vervolgens op de knop ‘Toevoegen’.<\/p>\n In het volgende scherm ziet u alle instellingen van de tag. Vul bij CookieConsent.io ID het ID in die wij u per e-mail hebben toegezonden. Kies bij Triggers vervolgens de optie ‘All pages’. Op die manier wordt de popup op iedere pagina getoond.<\/p>\n Vervolgens kunt u uw cookie consent popup configureren. De volgende opties zijn beschikbaar:<\/p>\n hidden backdrop<\/strong> backdrop_color<\/strong> position<\/strong> font<\/strong> button1Color<\/strong> button2Color<\/strong> button3Color<\/strong> pillColor<\/strong> consentHeight hiddenHorizontalRule headerSize<\/strong> subheaderSize<\/strong> bodySize<\/strong> alwaysActiveSize<\/strong> transformTitle<\/strong> functional<\/strong> analytics<\/strong> marketing<\/strong> functionalDefaultChecked analyticsDefaultChecked marketingDefaultChecked google_consent_mode<\/strong> Zodra u klaar bent drukt u op de knop Save. Op die manier is de consent opgeslagen en wordt deze na publicatie van de workspace getoond op uw website.<\/p>\n Om de huidige status van de CookieConsent op te vragen kunt u gebruik maken van de consent status variabele. Klik hiervoor op de Variabelen optie in het menu en klik op ‘Nieuw’.<\/p>\n Druk vervolgens op de knop \u2018Ontdek meer tagtypen in de templategalerij van de community\u2019.<\/p>\n Zoek vervolgens op \u2018cookieconsent.io\u2019. Selecteer CookieConsent.io en klik op \u2018Toevoegen aan werkruimte\u2019. Geef de variabele een logische naam (b.v. CookieConsent.io Consent state). Druk op opslaan.<\/p>\n Klik vervolgens binnen Google Tag Manager op de knop Triggers en vervolgens op de knop \u2018Nieuw\u2019.<\/p>\n Voer een titel in voor het event (b.v. CookieConsent.io \u2013 Marketing consent). Kies als trigger type ‘Page view’ en geef hierbij aan dat de trigger alleen wordt afgevuurd op sommige pagina’s. Kies bij event vervolgens de CookieConsent.io Consent Status variabele. Geef hierbij aan dat de waarde marketing moet bevatten. Hierbij kunt u kiezen uit de volgende waarden:<\/p>\n necessary Druk vervolgens op de opslaan knop. Vervolgens klikt u op de knop Tags en kies u voor nieuwe tag.<\/p>\n Als voorbeeld maken wij een custom HTML tag. Deze tag zal de melding ‘Fired when marketing consent is given’ tonen zodra men akkoord heeft gegeven voor het plaatsen van marketing cookies. Kies bij Triggering voor de trigger ‘CookieConsent.io – Marketing consent’.<\/p>\n Druk vervolgens op Opslaan. U heeft nu een HTML tag aangemaakt die zal worden getoond zodra de bezoeker akkoord geeft voor het plaatsen van Marketing cookies.<\/p>\n <\/p>\n De huidige status kan ook worden uitgelezen via de DataLayer. Binnen de datalayer zijn de volgende variabelen beschikbaar:<\/p>\n cookie_consent.necessary Om een variable uit te lezen kies u in Google Tag Manager voor de menu optie Variabelen. Druk op nieuw. Geef de variabele een logische naam bijvoorbeeld. CookieConsent.io – Marketing DataLayer variabele.<\/p>\n Kies Vervolgens bij Variabele Type voor Data Layer variabele. Voer bij de waarde b.v. cookie_consent.marketing in. Druk vervolgens op Opslaan.<\/p>\n Klik vervolgens binnen Google Tag Manager op de knop Triggers en vervolgens op de knop \u2018Nieuw\u2019.<\/p>\n Voer een titel in voor het event (b.v. CookieConsent.io \u2013 Marketing consent). Kies als trigger type \u2018Page view\u2019 en geef hierbij aan dat de trigger alleen wordt afgevuurd op sommige pagina\u2019s. Kies bij event vervolgens de ookieConsent.io – Marketing DataLayer variabele. Geef hierbij aan dat de waarde gelijk moet zijn aan true.<\/p>\n Druk vervolgens op de opslaan knop. Vervolgens klikt u op de knop Tags en kies u voor nieuwe tag.<\/p>\n Als voorbeeld maken wij een custom HTML tag. Deze tag zal de melding \u2018Fired when marketing consent is given\u2019 tonen zodra men akkoord heeft gegeven voor het plaatsen van marketing cookies. Kies bij Triggering voor de trigger \u2018CookieConsent.io \u2013 Marketing consent\u2019.<\/p>\n Druk vervolgens op Opslaan. U heeft nu een HTML tag aangemaakt die zal worden getoond zodra de bezoeker akkoord geeft voor het plaatsen van Marketing cookies.<\/p>\n Voor het activeren van diverse type tags kunt u gebruik maken van triggers binnen Google Tag Manager. Klik hiervoor binnen Google Tag Manager op de knop Triggers en vervolgens op de know ‘Nieuw’.<\/p>\n Voer een titel in voor het event (b.v. CookieConsent.io – Marketing Event). Kies als trigger type ‘Custom event’. Voer bij Event name ‘cookieconsent_marketing’ in. Deze trigger mag worden afgevuurd bij alle custom events.<\/p>\n Vervolgens klikt u op de knop Tags en kies u voor nieuwe tag.<\/p>\n Als voorbeeld maken wij een custom HTML tag. Deze tag zal de melding ‘Fired when marketing consent is given’ tonen zodra men akkoord heeft gegeven voor het plaatsen van marketing cookies. Kies bij Triggering voor de trigger ‘CookieConsent.io – Marketing Event’.<\/p>\n Druk vervolgens op Opslaan. U heeft nu een HTML tag aangemaakt die zal worden getoond zodra de bezoeker akkoord geeft voor het plaatsen van Marketing cookies.<\/p>\n U kunt op een vergelijkbare manier triggers maken voor de volgende gebeurtenissen:<\/p>\n <\/p>\n Om bovenstaande variabelen, triggers en tags snel te importeren in uw container is er een basis template beschikbaar. Dit container template kunt u hier downloaden<\/a>.<\/p>\n U kunt vervolgens deze template integreren in uw eigen container. Ga hiervoor in Google Tag Manager naar ‘Admin’ en klik op de knop Importeer Container.<\/p>\n Selecteer het container bestand wat u zojuist heeft gedownload. Kies voor de optie samenvoegen en selecteer de optie ‘Hernoem conflicterende tags, triggers en variabelen. Klik vervolgens op bevestigen om alle wijzigingen door te voeren.<\/p>\n Voor het wijzigen van de layout kunt u onderstaande CSS toevoegen aan uw stylesheets. Dit zijn uiteraard voorbeelden en kunnen naar eigen inzicht worden aangepast.<\/p>\n Er zijn 6 beschikbare events waarop u via javascript op kunt inhaken. Op die manier kunt u in uw scripts rekening houden met de vorm van toestemming die is gegeven:<\/p>\n Scripts inladen op basis van CookieConsent instellingen Beschikbare data-cookieconsent waardes: analytics, marketing, functional, necessary<\/em>. Iframes inladen op basis van CookieConsent instellingen Beschikbare data-cookieconsent waardes: analytics, marketing, functional, necessary<\/em>. U kunt op deze manier ook YouTube video integreren die pas kunnen worden afgespeeld na toestemming voor marketing cookies. Gebruik hiervoor onderstaande code:<\/p>\n Elementen tonen of verbergen op basis van CookieConsent instellingen CookieConsent instellingen weergeven\/aanpassen Via een link:<\/p>\n Via Javascript:<\/p>\n Cookie informatie tonen<\/strong><\/p>\n Cookie tabel tonen<\/strong><\/p>\n Download onze offici\u00eble WordPress plugin via onderstaande link: Na installatie van de plugin kunt u gebruik maken van onderstaande short codes om bepaalde functionaliteit op uw pagina te tonen:<\/p>\n Stap 1<\/strong><\/p>\n Download onze gratis Magento 2 plugin via onderstaande link: Voeg de Google Tag Manager container toe aan de head van het Magento 2 ontwerp.\u00a0 Selecteer Content > Design > Configuration<\/strong> in de Magento 2 admin en wijzig de configuratie van het huidige actieve design. Selecteer HTML head<\/strong> en voeg het Google Tag Manager installatie script toe en druk op Save Configuration<\/strong>.<\/p>\n Stap 2<\/strong> Stap 3<\/strong> Stap 4<\/strong><\/p>\n Bekijk de privacy pagina en controleer of de componenten worden getoond.<\/p>\n Cookieconsent.io kan in uw Wix website worden geintegreerd middels Google Tag Manager. Om het geheel te integreren heeft u alleen uw Google Tag Manager ID nodig. Dit ID kunt u rechtsboven kopi\u00ebren uit het Google Tag Manager Workspace overzicht.<\/p>\n Kies vervolgens in uw Wix dashboard voor ‘Marketing integrations’. En klik op de knop connect bij de Google Tag Manager optie.<\/p>\n Voer uw Google Tag Manager ID in en klik op de Save knop.<\/p>\n Met de toestemmingsmodus kunt u aanpassen hoe uw Google-tags zich gedragen op basis van de toestemmingsstatus van uw gebruikers. U kunt aangeven of er toestemming is verleend voor analyse- en advertentiecookies.<\/p>\n Om de Google-toestemmingsmodus te implementeren, kunt u deze functie inschakelen in Google Tag Manager:<\/p>\n Zorg er dan voor dat u de volgende code toevoegt v\u00f3\u00f3r de GTM-scripttag. Dit zou in de <head> tag van de pagina moeten staan. De tags van Google passen zich dynamisch aan en gebruiken alleen cookies voor de gespecificeerde doeleinden waar de gebruiker toestemming voor heeft gegeven.<\/p>\n Indien u gebruik maakt van Google Tag Manager kunt u eenvoudig de opt-in ratio’s binnen Google Analytics analyseren. Om te beginnen maakt u binnen Google Tag Manager de volgende trigger aan:<\/p>\n Dit proces herhaalt u voor de volgende events:<\/p>\n cookieconsent_necessary<\/em> Vervolgens maakt u per bovenstaand event de volgende tag aan:<\/p>\n Zodra de container is gepubliceerd ziet u alle opt-in events binnen komen in Google Analytics. Klik hiervoor op de optie Gedrag > Gebeurtenissen > Overzicht<\/strong>.<\/p>\n Om bovenstaande variabelen, triggers en tags snel te importeren in uw container is er een basis template beschikbaar. Dit container template kunt u hier downloaden<\/a>.<\/p>\n U kunt vervolgens deze template integreren in uw eigen container. Ga hiervoor in Google Tag Manager naar ‘Admin’ en klik op de knop Importeer Container.<\/p>\n
<\/strong>Cookie consent altijd tonen. Mogelijke waarden zijn \u2018true\u2019 of \u2018false\u2019.<\/p>\n
Verberg of toon de backdrop. Mogelijke waarden zijn \u2018true\u2019 of \u2018false\u2019.<\/p>\n
Bepaal de kleur van de backdrop. Waarde dient een hexidecimale kleurcode te zijn (dus b.v. #000000).<\/p>\n
Bepaald de positie van de cookie consent. Mogelijke waarden zijn \u2018top\u2019, \u2018center\u2019 of \u2018bottom\u2019.<\/p>\n
Determine the font family of the consent. Font family must be made available in the browser (for example Verdana).<\/p>\n
Bepaal de kleur van de ‘Alles accepteren’ knop. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #1ab530).<\/p>\n
Bepaal de kleur van de ‘Cookie instelingen’ knop. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #b1b3b1).<\/p>\n
Bepaal de kleur van de ‘Instellingen opslaan’ knop. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #000000).<\/p>\n
Bepaal de kleur van de ‘pil’ vormige knoppen. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #000000).<\/p>\n
<\/strong>Bepaalde de hoogte van de consent. Waarde dient een geheel getal te zijn.<\/p>\n
<\/strong>Verberg de horizontale lijn. Mogelijke waarden zijn \u2018true\u2019 of \u2018false\u2019.<\/p>\n
Bepaald de font grootte van de titels in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Bepaald de font grootte van de subtitels in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Bepaald de font grootte van de body tekst in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Bepaald de font grootte van het ‘Always active label’ in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Transformeer de tekstuele weergave van alle titels. Mogelijke waarden zijn none,\u00a0 capitalize,\u00a0 lowercase or uppercase.<\/p>\n
Verberg of toon de optie voor het activeren van \u2018Functionele cookies\u2019.<\/p>\n
Verberg of toon de optie voor het activeren van \u2018Statistieken cookies\u2019.<\/p>\n
Verberg of toon de optie voor het activeren van \u2018Marketing cookies\u2019.<\/p>\n
<\/strong>Vink de ‘Functionele cookies’ optie standaard aan.<\/p>\n
<\/strong>Vink de ‘Analytics cookies’ optie standaard aan.<\/p>\n
<\/strong>Vink de ‘Marketing cookies’ optie standaard aan.<\/p>\n
Activeer of deactiveer Google Consent Mode.<\/p>\nInstallatie d.m.v. Google Tag Manager<\/h4>\n
![\"GTM](\"https:\/\/www.cookieconsent.io\/nl\/wp-content\/uploads\/2020\/10\/gtm-step-1.png\")
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n
<\/strong>Verberg of toon de cookie consent. Mogelijke waarden zijn ‘true’ of ‘false’.<\/p>\n
Verberg of toon de backdrop. Mogelijke waarden zijn ‘true’ of ‘false’.<\/p>\n
Bepaal de kleur van de backdrop. Waarde dient een hexidecimale kleurcode te zijn (dus b.v. #000000).<\/p>\n
Bepaald de positie van de cookie consent. Mogelijke waarden zijn ‘top’, ‘center’ of ‘bottom’.<\/p>\n
Determine the font family of the consent. Font family must be made available in the browser (for example Verdana).<\/p>\n
Bepaal de kleur van de ‘Alles accepteren’ knop. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #1ab530).<\/p>\n
Bepaal de kleur van de ‘Cookie instelingen’ knop. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #b1b3b1).<\/p>\n
Bepaal de kleur van de ‘Instellingen opslaan’ knop. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #000000).<\/p>\n
Bepaal de kleur van de \u2018pil\u2019 vormige knoppen. Waarde moet een hexidecimale kleur code zijn (bijvoorbeeld #000000).<\/p>\n
<\/strong>Bepaalde de hoogte van de consent. Waarde dient een geheel getal te zijn.<\/p>\n
<\/strong>Verberg de horizontale lijn. Mogelijke waarden zijn \u2018true\u2019 of \u2018false\u2019.<\/p>\n
Bepaald de font grootte van de titels in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Bepaald de font grootte van de subtitels in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Bepaald de font grootte van de body tekst in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Bepaald de font grootte van het \u2018Always active label\u2019 in pixels. Waarde dient een geheel getal te zijn.<\/p>\n
Transformeer de tekstuele weergave van alle titels. Mogelijke waarden zijn none,\u00a0 capitalize,\u00a0 lowercase or uppercase.<\/p>\n
Verberg of toon de optie voor het activeren van ‘Functionele cookies’.<\/p>\n
Verberg of toon de optie voor het activeren van ‘Statistieken cookies’.<\/p>\n
Verberg of toon de optie voor het activeren van ‘Marketing cookies’.<\/p>\n
<\/strong>Vink de ‘Functionele cookies’ optie standaard aan.<\/p>\n
<\/strong>Vink de ‘Analytics cookies’ optie standaard aan.<\/p>\n
<\/strong>Vink de ‘Marketing cookies’ optie standaard aan.<\/p>\n
Activeer of deactiveer Google Consent Mode.<\/p>\nGoogle Tag Manager Consent Status variable<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n
analytics
functional
marketing<\/p>\n<\/a><\/p>\nGoogle Tag Manager Datalayer<\/h4>\n
cookie_consent.analytics
cookie_consent.functional
cookie_consent.marketing<\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nGoogle Tag Manager Events<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\n\n
Google Tag Manager Basis Structuur importeren<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\nOpmaak wijzigen<\/h4>\n
Javascript events<\/h4>\n
\n
Scripts<\/h4>\n
<\/strong>Zodra een bezoeker de CookieConsent instellingen opslaat of al eerder een keuze heeft gemaakt worden scripts met de desbetreffende instellingen ingeladen.<\/p>\n
Let op dat script type \u201ctext\/plain\u201d is.<\/strong><\/p>\nIframes<\/h4>\n
<\/strong>Zodra een bezoeker de CookieConsent instellingen opslaat of al eerder een keuze heeft gemaakt worden iframes met de desbetreffende instellingen ingeladen.<\/p>\n
Let op dat “src” is vervangen voor “data-src”.<\/strong><\/p>\nCSS classes<\/h4>\n
<\/strong>Zodra een bezoeker de CookieConsent instellingen opslaat of al eerder een keuze heeft gemaakt worden elementen met de desbetreffende CSS classes getoond of verborgen.<\/p>\nCookie instellingen<\/h4>\n
<\/strong><\/p>\nCookie informatie<\/h4>\n
Cookie tabel<\/h4>\n
WordPress plugin<\/h4>\n
https:\/\/wordpress.org\/plugins\/cookieconsent-io\/<\/a><\/p>\nMagento 2 Plugin<\/h4>\n
https:\/\/marketplace.magento.com\/abovo-cookie-consent-io.html<\/a><\/p>\n<\/a><\/p>\n
Selecteer de privacy pagina en voeg de juridische tekst, cookie tabel en cookie instellingen link toe. Je kunt deze features toevoegen middels de Custom Variables<\/strong>\u00a0optie.<\/p>\n<\/a> <\/a><\/p>\n
Selecteer System > Cache management<\/strong> en ververs de cache voor Layouts<\/strong>, Blocks HTML output<\/strong> en Page Cache<\/strong>.<\/p>\n<\/a><\/p>\n<\/a><\/p>\nWix integratie<\/h4>\n
<\/a><\/p>\n<\/a><\/p>\n<\/a><\/p>\nGoogle Consent Mode<\/h4>\n
<\/a><\/p>\nOpt-in ratio’s bijhouden in Google Analytics<\/h4>\n
<\/a><\/p>\n
cookieconsent_statistics<\/em>
cookieconsent_functional<\/em>
cookieconsent_marketing<\/em><\/p>\n<\/a><\/p>\n<\/p>\nFacebook Server-2-Server Basis Structuur importeren<\/h4>\n
<\/a><\/p>\n