Skip to content

Theme Different

Daniel Sitek edited this page Jan 31, 2022 · 3 revisions

Cookie Consent implementation docs with Different theme.

GTM Tag Source

<script type="text/javascript" id="cookie-consent-init">
  var DENIED = 'denied';
  var GRANTED = 'granted';

  function dataLayerPush() {
    dataLayer.push(arguments);
  }

  window.CookieConsentTranslations = {
    locale: 'cs-CZ',
    tabAgree: {
      title: 'Souhlas',
      body: '<p><strong>Tato webová stránka používá cookies</strong></p><p>K personalizaci obsahu a reklam, poskytování funkcí sociálních médií a analýze naší návštěvnosti využíváme soubory cookie. Informace o tom, jak náš web používáte, sdílíme se svými partnery pro sociální média, inzerci a analýzy. Partneři tyto údaje mohou zkombinovat s dalšími informacemi, které jste jim poskytli nebo které získali v důsledku toho, že používáte jejich služby.</p>',
    },
    tabAbout: {
      title: 'O aplikaci',
      body: '<p>Cookies jsou malé textové soubory, které mohou být používány webovými stránkami, aby učinily uživatelský zážitek více efektivní.</p><p>Zákon uvádí, že můžeme ukládat cookies na vašem zařízení, pokud jsou nezbytně nutné pro provoz této stránky. Pro všechny ostatní typy cookies potřebujeme vaše povolení.</p><p>Tato stránka používá různé typy cookies. Některé cookies jsou umístěny službami třetích stran, které se objevují na našich stránkách.</p><p>Kdykoliv můžete změnit nebo zrušit svůj souhlas prostřednictvím Vyjádření o souborech cookie na našich webových stránkách.</p>',
    },
    tabDetail: {
      title: 'Detail',
      necessary: {
        title: 'Nutné',
        perex: 'Nutné cookies pomáhají, aby byla webová stránka použitelná tak, že umožní základní funkce jako navigace stránky a přístup k zabezpečeným sekcím webové stránky. Webová stránka nemůže správně fungovat bez těchto cookies.',
      },
      preferences: {
        title: 'Preferenční',
        perex: 'Preferenční cookies umožňují, aby si webová stránka zapamatovala informace, které mění, jak se webová stránka chová nebo jak vypadá. Je to například preferovaný jazyk nebo region, kde se nacházíte.',
      },
      statistics: {
        title: 'Statistické',
        perex: 'Statistické cookies pomáhají majitelům webových stránek, aby porozuměli, jak návštěvníci používají webové stránky. Anonymně sbírají a sdělují informace.',
      },
      marketing: {
        title: 'Marketingové',
        perex: 'Marketingové cookies jsou používány pro sledování návštěvníků na webových stránkách. Záměrem je zobrazit reklamu, která je relevantní a zajímavá pro jednotlivého uživatele a tímto hodnotnější pro vydavatele a inzerenty třetích stran.',
      },
    },
    buttonEdit: {
      label: 'Upravit',
    },
    buttonAllowAll: {
      label: 'Povolit vše',
    },
    buttonRejectAll: {
      label: 'Odmítnout vše',
    },
    buttonConfirm: {
      label: 'Uložit',
    },
    lastUpdated: 'Prohlášení o cookies bylo naposledy aktualizováno %date.',
  };

  window.CookieConsentTheme = {
    'color-primary': '#008c95',

    'button-default__bg-color': '#fff',
    'button-default__color': '#676767',
    'button-default__border': '2px solid #676767',

    'button-default--hover__color': '#676767',
    'button-default--hover__border': '2px solid #676767',

    'button-primary__bg-color': '#008c95',
    'button-primary__color': '#fff',

    'button-primary--hover__bg-color': '#007379',
    'button-primary--hover__color': '#fff',
  };

  // Send default consent with actual consent options.
  window.addEventListener('consent-ready', function () {
    dataLayerPush('consent', 'default', {
      'ad_storage': window.CookieConsent.marketing ? GRANTED : DENIED,
      'analytics_storage': window.CookieConsent.statistics ? GRANTED : DENIED,
      'personalization_storage': window.CookieConsent.preferences ? GRANTED : DENIED,
      'functionality_storage': GRANTED,
      'security_storage': GRANTED,
    });
  });

  // Send updated consent with actual consent options.
  window.addEventListener('consent-updated', function () {
    // GTM consent
    dataLayerPush('consent', 'update', {
      'ad_storage': window.CookieConsent.marketing ? GRANTED : DENIED,
      'analytics_storage': window.CookieConsent.statistics ? GRANTED : DENIED,
      'personalization_storage': window.CookieConsent.preferences ? GRANTED : DENIED,
      'functionality_storage': GRANTED,
      'security_storage': GRANTED,
    });
    
    // Custom consent from document
    dataLayer.push({
      'event':'cookie_consent_update',
      'type': window.CookieConsent.type,
      'personalization': window.CookieConsent.preferences ? GRANTED : DENIED,
      'ad': window.CookieConsent.marketing ? GRANTED : DENIED,
      'analytics': window.CookieConsent.statistics ? GRANTED : DENIED,    
    });
  });

  // Send event to dataLayer on consent window open
  window.addEventListener('consent-show', function () {
    dataLayer.push({
      'event': 'cookie_consent_bar_show'
    });
  });

  // Send event to dataLayer on consent window close.
  window.addEventListener('consent-hide', function () {
    dataLayer.push({
      'event': 'cookie_consent_bar_hide'
    });
  });

  (function cookiesInit() {
    var scriptEl = document.createElement('script');
    scriptEl.src = 'https://cdn.jsdelivr.net/gh/danielsitek/[email protected]/dist/cookies.min.js';
    scriptEl.type = 'text/javascript';
    scriptEl.id = 'cookie-consent';

    document.body.appendChild(scriptEl);
  })();
</script>
Clone this wiki locally