Plantilla Google Tag Manager: GTM-Cookie-Conset-Events-Template.json
//TODO documentation
<head>
<script src="cookie-consent.js"></script>
<script>
CookieConsent.config({});
</script>
[...]
</head>strictlyNecessaryCookies = 'strictlyNecessaryCookies';
functionalityCookies = 'functionalityCookies';
trackingCookies = 'trackingCookies';
targetingCookies = 'targetingCookies';
<head>
<script src="cookie-consent.js"></script>
<script>
CookieConsent.config({});
</script>
[...]
<script>
CookieConsent.checkCookie('trackingCookies', function() {
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXXXXXXXX');
});
</script>
[...]
</head>let config = {
text: {
modalTitle: "",
noticeText: "", // {{cookiesPolicyLink}}
btnAcceptAll: "",
btnRejectAll: "",
btnManageCookies: "",
btnAcceptSelection: "",
privacyTitle: "",
privacyTextDefinition: "",
privacyTextInstructions: "",
strictlyNecessaryTitle: "",
strictlyNecessaryText: "",
functionalityTitle: "",
functionalityText: "",
trackingTitle: "",
trackingText: "",
targetingTitle: "",
targetingText: "",
},
color: {
textColor: "#6B7280",
titleColor: "black",
linkColor: "black",
modalBackground: "white",
modalBorder: "white",
btnPrimaryText: "white",
btnPrimaryBackground: "#059669",
btnSecondaryText: "#6B7280",
btnSecondaryBackground: "white",
btnSecondaryBorder: "#D1D5DB",
switchColor: "green",
switchBackground: "#D1D5DB",
switchActiveBackground: "#059669"
},
cookiesPolicyLink:"",
locale: ""
}Replace ID_GOOGLETAGMANAGER with your google analytics id
<head>
[...]
<!-- <script async src="https://www.googletagmanager.com/gtag/js?id=<ID_GOOGLETAGMANAGER>"></script> -->
<script>
CookieConsent.checkCookie('trackingCookies', function() {
var script = document.createElement('script');
script.src = 'https://www.googletagmanager.com/gtag/js?id=<ID_GOOGLETAGMANAGER>';
script.async = true;
document.head.appendChild(script);
});
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
CookieConsent.checkCookie('trackingCookies', function() {
gtag('js', new Date());
gtag('config', '<ID_GOOGLETAGMANAGER>', {
'currency': 'EUR',
});
});
</script>
[...]
</head>