cookixby Gaelta Začať zadarmo

Návody

Inštalácia a nastavenie

Všetko, čo potrebujete, aby lišta zastavila sledovanie do súhlasu. Ak niečo nesedí, napíšte na ahoj@gaelta.com.

Základ: jeden riadok v hlavičke

Po pridaní webu v účte dostanete riadok s vaším ID webu. Vložte ho ako úplne prvý skript v <head>, pred Google Tag Manager, Google Analytics, Meta Pixel a ďalšie meracie kódy.

<script src="https://cookies.gaelta.com/v1/VASE-ID.js"></script>

Skript nesmie mať async ani defer. Musí sa spustiť skôr než všetko ostatné, inak meracie kódy nestihne zastaviť.

WordPress a WooCommerce

  1. Stiahnite plugin Cookix.
  2. V administrácii otvorte Pluginy → Pridať nový → Nahrať plugin a plugin aktivujte.
  3. V Nastavenia → Cookix zadajte ID webu z účtu.
  4. Deaktivujte doterajší cookie plugin (Complianz, CookieYes, Cookiebot, Cookie Notice…).
  5. Ak máte WP Rocket, LiteSpeed Cache alebo Autoptimize, vyčistite cache. Plugin si sám vypýta, aby ho optimalizácia nechala na pokoji.

Odkaz na zmenu súhlasu vložíte do pätičky shortcodom [gaelta_consent_settings].

Shopify

  1. Online obchod → Témy → … → Upraviť kód → theme.liquid.
  2. Riadok vložte hneď za <head>.
  3. V Nastavenia → Ochrana osobných údajov zákazníkov vypnite vlastný banner Shopify, aby sa nezobrazovali dva.

Upgates

  1. V administrácii Upgates otvorte časť na vkladanie vlastných kódov do hlavičky stránky (head), kam sa vkladajú aj meracie kódy.
  2. Vložte riadok Cookix ako úplne prvý kód, nad Google Analytics, Meta Pixel a ďalšie.
  3. Meracie kódy, ktoré máte v Upgates zapnuté cez integrácie, nechajte tak. Cookix ich zastaví, kým návštevník nesúhlasí.
  4. Ak máte zapnutú vstavanú cookie lištu Upgates alebo iný doplnok na cookies, vypnite ho, aby sa nezobrazovali dve lišty.
  5. V účte Cookix spustite Kontrolu webu a overte, že sa pred súhlasom nič nespúšťa.

PrestaShop

  1. V súboroch témy otvorte themes/vasa-tema/templates/_partials/head.tpl (PrestaShop 1.7 a 8). Ak používate odvodenú (child) tému, upravte súbor v nej, aby zmenu neprepísala aktualizácia.
  2. Riadok Cookix vložte na úplný začiatok súboru, pred ostatné skripty.
  3. Vypnite moduly na cookie lištu (napríklad „Cookie consent“ alebo „GDPR“ moduly), aby sa nezobrazovali dve lišty.
  4. Vyčistite cache: Rozšírené parametre → Výkon → Vymazať cache.
  5. Spustite Kontrolu webu v účte Cookix.

Bez prístupu k súborom témy použite šablónu pre Google Tag Manager.

Webflow

  1. Otvorte Site settings → Custom code → Head code. Vlastný kód vyžaduje platený plán stránky vo Webflow.
  2. Riadok Cookix vložte ako prvý, nad ostatné kódy v tomto poli.
  3. Uložte a stránku znovu publikujte (Publish). Bez publikovania sa zmena neprejaví.
  4. Ak meracie kódy vkladáte cez Webflow integrácie (Google Analytics v nastaveniach), Cookix ich zastaví do súhlasu. Overte to Kontrolou webu.

Wix

  1. Otvorte Nastavenia → Pokročilé → Vlastný kód (Custom Code) → Pridať vlastný kód. Funkcia vyžaduje prémiový plán a pripojenú doménu.
  2. Vložte riadok Cookix, zvoľte umiestnenie Head, načítanie na všetkých stránkach a „Načítať kód raz“.
  3. Vypnite vstavaný cookie banner Wix (Nastavenia → Ochrana súkromia a cookies), aby sa nezobrazovali dve lišty.
  4. Spustite Kontrolu webu v účte Cookix.

Pozor: Wix svoje vlastné skripty a štatistiky načíta pred vlastným kódom, takže Cookix na Wixe nemusí byť úplne prvý. Meracie kódy pridané cez Wix integrácie (Google Analytics, Meta Pixel v Marketing Integrations) radšej vložte cez Google Tag Manager a nastavte ich podľa časti Google Tag Manager. Výsledok vždy overte Kontrolou webu.

Shoptet

Shoptet má súhlas s cookies vyriešený vo vlastnej lište a meracie kódy v administrácii na ňu napojené. Cookix tam netreba. Ak meracie kódy vkladáte cez vlastný HTML kód, skontrolujte, či sa spúšťajú až po súhlase. Ako lištu Shoptetu nastaviť (Potrebný súhlas, tlačidlo Odmietnuť všetko, pripomenutie po odmietnutí) píšeme v článku na blogu.

Google Tag Manager

Odporúčame: riadok Cookix dajte do <head> pred kód GTM. Ak hlavičku webu upraviť nemôžete, použite šablónu pre GTM (nižšie).

Pri riadku v hlavičke: Cookix nastaví Google Consent Mode v2 skôr, než sa GTM načíta, takže značky Google (GA4, Google Ads) sa riadia súhlasom samy.

Pre značky iných firiem (Meta, TikTok, Sklik…) v GTM použite spúšťače na udalosti z dátovej vrstvy:

gc_consent_update   – návštevník zmenil voľbu
premenné: gc_analytics, gc_marketing, gc_preferences (true / false)

Napríklad Meta Pixel v GTM: spúšťač Vlastná udalosť gc_consent_update s podmienkou gc_marketing sa rovná true. Pri návštevníkovi, ktorý súhlasil už predtým, sa pri načítaní stránky spustí udalosť gc_consent_default s rovnakými premennými.

Bežné skripty (Meta Pixel, Hotjar, Clarity…), ktoré GTM vloží ako vlastný HTML kód, Cookix aj tak zablokuje, kým súhlas nepríde.

Šablóna pre GTM

  1. Stiahnite šablónu Cookix.
  2. V GTM: Šablóny → Šablóny značiek → Nová → ⋮ → Importovať a vyberte súbor. Uložte.
  3. Značky → Nová → Cookix – cookie lišta. Vyplňte ID webu z účtu.
  4. Spúšťač: Consent Initialization – All Pages. Publikujte kontajner.
  5. Značkám iných firiem (Meta, TikTok, Sklik…) v GTM nastavte v Pokročilé nastavenia → Nastavenia súhlasu „Vyžadovať ďalší súhlas“ ad_storage, prípadne analytickým analytics_storage.

Šablóna nastaví predvolený súhlas (zamietnutý), vracajúcemu sa návštevníkovi obnoví jeho voľbu a načíta lištu. Meracie kódy vložené priamo v HTML mimo GTM však nezastaví, na tie je potrebný riadok v hlavičke.

Ručné blokovanie

Väčšinu známych nástrojov lišta blokuje automaticky. Vlastné skripty a vložené prvky označíte kategóriou:

<script type="text/plain" data-gc-category="marketing" src="https://…"></script>
<script type="text/plain" data-gc-category="analytics">/* váš kód */</script>
<iframe data-gc-category="marketing" data-gc-src="https://www.youtube-nocookie.com/embed/…"></iframe>

Kategórie: preferences, analytics, marketing. Prvok sa spustí hneď po súhlase s danou kategóriou.

Videá a mapy: YouTube (youtube.com/embed), Google Mapy a Vimeo vložené cez <iframe> lišta zablokuje automaticky. Namiesto nich ukáže sivé okno s vysvetlením a tlačidlom „Povoliť a zobraziť“, ktoré povolí iba danú kategóriu. Rovnaké okno dostanú aj ručne označené iframy.

WooCommerce: sledovanie zdroja objednávok (cookies sbjs_*) sa spustí až po súhlase s analytickými cookies.

Odkaz na nastavenia cookies

Zákon chce, aby sa súhlas dal odvolať rovnako ľahko, ako sa dal. Plávajúce tlačidlo to rieši, ale odkaz do pätičky alebo na stránku o cookies je dobrý zvyk:

<a href="#cookie-settings">Nastavenia cookies</a>

Vzhľad a počet súhlasov

V účte pri webe v časti Vzhľad môžete dať lištu do stredu obrazovky a zvýrazniť „Prijať“: Prijať je plné tlačidlo, Odmietnuť rovnako veľké obrysové tlačidlo hneď vedľa. Zvyčajne to prinesie viac súhlasov a zostáva to v súlade s pravidlami, lebo odmietnutie je stále na prvý pohľad a rovnako ľahké. Najviac pomôže konkrétny text: napíšte, čo návštevník súhlasom získa (lepšie ponuky, lepší web), namiesto všeobecného „používame cookies“.

Čo viete nastaviť v editore

  • Štýl: svetlý, tmavý alebo vlastné farby tlačidiel, pozadia a textu, zaoblenie rohov.
  • Logo nad nadpisom (Štart a Pro): adresa obrázka cez https, ideálne SVG.
  • Písmo webu: lišta prevezme písmo vašej stránky.
  • Stmavenie stránky, kým sa návštevník nerozhodne. Web zostáva použiteľný, lištu si len viac ľudí všimne.
  • Umiestnenie vľavo, v strede alebo vpravo, tvar okno alebo pás, zvýraznené „Prijať“.
  • Texty a jazyky: každý text lišty prepíšete pre každý zo 7 jazykov zvlášť, vrátane okna s nastaveniami a kategórií. Jazyk sa prepína sám podľa stránky.
  • Hotové texty podľa typu webu (e-shop, služby, B2B, gastro, zážitky, blog) v slovenčine, češtine a angličtine. Doplnia sa a môžete ich upraviť.
  • Náhľad pre počítač aj mobil, presne ako ho uvidí návštevník.

JavaScript API

Cookix.get()              // { id, categories: { necessary, preferences, analytics, marketing }, timestamp } alebo null
Cookix.has('analytics')   // true / false
Cookix.show()             // otvorí nastavenia
Cookix.reset()            // zmaže voľbu a znovu načíta stránku
Cookix.onChange(fn)       // fn(detail) po každej zmene
window.addEventListener('gc:consent', (e) => console.log(e.detail))

Overenie

V účte pri webe v časti Inštalácia kliknite na Overiť. Skontrolujeme, či je skript na úvodnej stránke a či je pred meracími kódmi. Úplnú kontrolu v skutočnom prehliadači spustíte v časti Kontrola webu, alebo bez účtu na stránke Kontrola webu. Pre istotu otvorte web v anonymnom okne: v DevTools → Application → Cookies nesmú byť pred kliknutím cookies _ga, _fbp, _gcl_au ani _hj….

Nemáte čas to riešiť?

Lištu nastavíme za vás. Do dvoch pracovných dní.

Skontrolujeme web, nasadíme Cookix, vypneme starú lištu a overíme, že pred súhlasom nič neuniká. 49 € jednorazovo.

Chcem nastavenie Najprv skontrolovať web