Cookie lišta PRO - implementace

Pro správné fungování cookie lišty je potřeba definovat cookies v cm.hukot.cloud

Instalace panelu

V následujících krocích si ukážeme jak implementovat CL PRO do vašeho systému.

Získání instalačního skriptu

Pro získání instalačního skriptu, otevřeme záložku Moje domény a klikneme na tlačítko Seznam panelů.

U požadované jazykové verze v sloupci Token klikneme na odkaz který nám otevře modální okno.

Máme na výběr 2 varianty instalace:

1. Výchozí instalace
2. GoogleTagManager

Výchozí instalace

V případě výchozí instalace, je potřeba upravit vaší webovou prezentaci.

Implementační skript zkopírujeme a umístíme na konec dokumentu před uzavírací značku

Ukázka:

Jak ověřit že návštěvník potvrdil CM Panel naleznete v bloku Oveření souhlasu.

GoogleTagManager

V případě že implementace přes GoogleTagManager je pro vás výhodnější např. v případě využívání CMS WordPress, Prestashop, atd.. máme k dispozici implementaci přes tento nástroj.

Import šablony

Přes tlačítko GTM Šablona si stáhneme šablonu pro import.
Tlačítko GTM Šablona najdete v cm.hukot.cloud na stránce implementace.

Šablonu naimportujeme v Google Tag Manageru přes Správce > Import kontejneru.

Vybereme stažený soubor cookie-panel-gtm-template.json, zvolíme existující pracovní prostor a necháme import sloučit.
Potvrdíme import nové šablony.

Nastavení značky

V nabídce si rozklikneme značky a klikneme na tlačítko Nová.

V kategorii Vlastní (custom) vybereme Cookie lišta PRO a vyplníme token.

Nastavení consent modu

V tag manageru klikneme na správce (admin) vybereme nastavení kontejneru a povolíme přehled nastavení souhlasu (enable consent overview) .

V nastavení značek najdeme nový události:

• Consent initialization - All pages

Aktualizace souhlasu

Pro případy když chceme aby se značka zavolala hned v případě potvrzení cookie lišty, je potřeba vytvořit pravidlo.
Přejdeme na Pravidla, klikneme na tlačítko Nové a vybereme vlastní událost.

Jako hodnotu události nastavíme cookie_panel_consent_update a klikneme na uložit.

Pro všechny značky které jsou potřeba spouštět při udělení souhlasu přidáme toto nové pravidlo.

Aktivace skriptů při souhlasu

Pro spuštění skriptu po udělení souhlasu je potřeba upravit aktuální volání jednotlivých skriptů dle následující ukázky:

Upravíme na:

Je potřeba upravit atribut type na text/plain a přidat data atribut data-cm-group s typem skupiny při které se má skript aktivovat. Dostupné skupiny jsou:

• necessary - Povinné
• analytics - Analytické
• marketing - Marketingové
• functional - Funkční

Ověření souhlasu

Následující postup se vztahuje pouze pro PHP implementaci.

Implementujeme následující funkci:

             function cookieAgreement($type) {  $cookie = isset($_COOKIE['CookiePanel']) && $_COOKIE['CookiePanel'] ? $_COOKIE['CookiePanel'] : '';  return $cookie && in_array($type, explode('-',$cookie)); }

Do proměné $type lze uvést následující hodnoty:

• necessary - Povinné
• analytics - Analytické
• marketing - Marketingové
• functional - Funkční

Nyní pokud chceme ověřit zda návštěvník uvedl souhlas s analytickou skupinou cookies, použijeme následující podmínku:

Odvolání souhlasu

CM Panel nabízí celkem 2 způsoby jak souhlas odvolat:

1. Pomocí data atributu
2. Callback

Odvolání pomocí data atributu

Na statický klikatelný element aplikujeme data atribut:

data-cm-invalidate-accept

             <button type="button" data-cm-invalidate-accept>Odvolat souhlas</button>

Odvolání pomocí callbacku

Na element aplikujeme callback:

CookiePanel.removeAccept();

             <button type="button" onclick="CookiePanel.removeAccept();">Odvolat souhlas</button>