Ako Pridať Cookies Pomocou HTML: Návod a Dôležité Informácie

V dnešnom online svete je slovíčko "cookies" dobre známe. Avšak, nejde o recepty na pečenie, ale o dáta, ktoré si prehliadač zapamätáva pri návšteve webových stránok. Súbory cookies (alebo len "cookies") sú malé textové súbory, ktoré webové stránky ukladajú do vášho počítača alebo mobilného zariadenia, keď ich navštívite. Používajú sa na rôzne účely, ako napríklad zapamätanie si vašich prihlasovacích údajov, preferencií jazyka, obsahu nákupného košíka a na sledovanie vašej aktivity prehliadania. Vďaka cookies si webové stránky môžu "pamätať" vaše akcie alebo preferencie počas určitého obdobia.

Tento článok poskytuje komplexný pohľad na to, čo cookies sú, ako fungujú a ako ich aktivovať vo vašom prehliadači. Okrem toho, ponúka návod na zobrazenie informácií o používaní cookies pre návštevníkov vašej stránky, čo je dôležité z hľadiska nariadení Európskej únie.

Čo sú súbory cookie a ako fungujú!

Cookie je krátky textový súbor, ktorý do prehliadača odosielajú navštívené webové stránky. Webovým stránkam umožňuje zapamätať si informácie o vašej návšteve, napríklad preferovaný jazyk alebo iné nastavenia. Ďalšia návšteva našich stránok tak môže prebehnúť ľahšie a môže byť pre vás prínosnejšia ako vaša prvá návšteva, napr. nemusíte si znovu voliť preferovaný jazyk.

Cookies sú malé súbory, ktoré slúžia na zapamätanie informácií o navštívených stránkach. Nejde o konkrétne adresy, ale o ich zameranie či tematiku. Používajú sa aj na ukladanie preferovaného jazyka pri prehliadaní, sledovanie počtu návštevníkov a zjednodušenie registrácie a prihlásenia do online služieb. Vďaka cookies sa pri ďalšej návšteve nemusíte znova prihlasovať a ak ste si vložili tovar do košíka, ale neobjednali ho, cookies si to zapamätajú.

Prečo sú Cookies Dôležité?

Cookies zohrávajú kľúčovú úlohu pri fungovaní moderného webu. Umožňujú webovým stránkam zapamätať si informácie o vás, ako sú prihlasovacie údaje, preferencie jazyka, položky v nákupnom košíku a ďalšie.

Udržiavanie relácie: Cookies umožňujú webovým stránkam zapamätať si, že ste prihlásení, takže sa nemusíte prihlasovať znova pri každej návšteve stránky.
Personalizácia: Webové stránky môžu používať cookies na prispôsobenie obsahu na základe vašich preferencií alebo predchádzajúcej aktivity.
Sledovanie: Cookies umožňujú webovým stránkam sledovať vašu aktivitu na stránke, ako sú kliknutia, zobrazené stránky a čas strávený na stránke.
Reklama: Reklamné spoločnosti používajú cookies na sledovanie vašej aktivity na rôznych webových stránkach a zobrazovanie reklám, ktoré sú relevantné pre vaše záujmy.

Typy Cookies

Existujú rôzne typy cookies, ktoré sa používajú na rôzne účely. Medzi najbežnejšie patria:

Cookies prvej strany: Tieto cookies sú nastavené webovou stránkou, ktorú navštevujete. Používajú sa na zlepšenie používateľskej skúsenosti na tejto webovej stránke.
Cookies tretej strany: Tieto cookies sú nastavené inou doménou, než je tá, ktorú navštevujete. Často sa používajú na sledovanie vašej aktivity na viacerých webových stránkach a zobrazovanie cielenej reklamy.
Dočasné cookies (tzv. session cookies): Aktivujú sa vždy pri návšteve webovej stránky a po ukončení jej prehliadania sa automaticky zmažú.
Trvalé cookies: Zostávajú uložené vo vašom prehliadači aj po vypnutí počítača. Bývajú v nich uložené nastavenia používateľa a slúžia na zvýšenie komfortu pri využívaní služieb alebo na anonymné štatistické účely.

Legislatíva a Súhlas s Používaním Cookies

Na základe nariadenia Európskej únie je potrebné od návštevníkov internetových stránok získavať súhlas s používaním cookies v prípade, že ukladáte údaje, ktoré nie sú anonymné, alebo údaje tretích strán. Najjednoduchší spôsob je využiť externú službu.

Ako Informovať Návštevníkov o Zbere Cookies

Na informovanie zákazníkov o zbere cookies môžete využiť rôzne služby. Jednou z možností je Osano Cookie Consent.

Návod na použitie Osano Cookie Consent:

Na stránkach Osano Cookie Consent kliknite na tlačidlo .
Position: Určuje, kde a ako sa bude na stránke oznam zobrazovať. Máte na výber z viacerých možností umiestnenia, ako "Banner bottom", "Banner top", "Floating right" a iné.
Layout: Vyberte si typ zobrazovania oznamu a buttonu v ozname. Užšie, širšie, so zaoblenými či ostrými rohmi.
Palette: Zvoľte si niektorú z ponúkaných farebných tém.
Learn more link: Zadajte adresu, na ktorú bude smerovať odkaz zobrazený vo vyskakovacom okne. Text tohoto odkazu si môžete nastaviť neskôr. Odkaz by mal smerovať na vašu stránku, kde bližšie popisujete používanie cookies na vašom webe. Príklad takejto informácie o používaní cookies nájdete na stránkach Slovenskej sporiteľne alebo na stránke cookiesandyou.com.
Compliance type: Zvoľte možnosť "Just tell users that we use cookies". Oznam tak bude iba informovať o používaní cookies.
Message: Vložte hlavný text, ktorý sa zobrazí vo vyskakovacom okne. Napríklad: "Táto webová stránka používa súbory cookies."
Dismiss button text: Názov tlačidla v paneli.
Policy link text: Text odkazu na stránku s podrobnými informáciami, ktorú ste nastavovali v bode 4.
Skontrolujte, či sa vám pop-up okno s informáciou zobrazuje správne a či vám niečo dôležité neprekrýva.

Banner Súhlasu

Banner súhlasu je upozornenie na súbor cookie, ktoré sa zobrazí na webových stránkach pri prvej návšteve stránok používateľom.

Ako upraviť banner súhlasu:

Prejdite do ponuky nastavení webových stránok a posuňte sa na údaje súborov cookie a používateľov.
Prejdite na hornú časť svojej webovej stránky a upravte kópiu bannera súborov cookie. Môžete napríklad pridať „Ďalšie informácie nájdete v našich pravidlách ochrany osobných údajov“.
Umiestnite kurzor myši na odkaz na pravidlá ochrany osobných údajov a odkaz upravte.
Kliknutím na položku Zverejniť vykonáte zmeny.

Ako Zapnúť Cookies v Prehliadači: Podrobný Návod

Väčšina prehliadačov má cookies predvolene zapnuté, ale v prípade, že ste ich vypli, alebo si nie ste istí, tu je návod, ako ich zapnúť v najpopulárnejších prehliadačoch:

Google Chrome

Otvorte prehliadač Chrome.
Kliknite na ikonu troch bodiek v pravom hornom rohu okna prehliadača a zvoľte "Nastavenia".
V ľavej časti okna kliknite na "Ochrana súkromia a zabezpečenie".
Kliknite na "Súbory cookie a údaje webu".
Uistite sa, že je prepínač vedľa "Povoliť všetky súbory cookie" zapnutý.
Ak chcete prispôsobiť nastavenia, môžete použiť aj ďalšie možnosti, ako napríklad "Blokovať súbory cookie tretích strán v režime inkognito" alebo "Blokovať súbory cookie tretích strán".
Alternatívne, môžete kliknúť na "Lokality, ktoré môžu vždy používať súbory cookie" a pridať konkrétne webové stránky, ktorým chcete povoliť používanie cookies.

Mozilla Firefox

Otvorte prehliadač Firefox.
Kliknite na ikonu troch vodorovných čiar v pravom hornom rohu okna prehliadača a zvoľte "Nastavenia".
V ľavej časti okna kliknite na "Súkromie a bezpečnosť".
V časti "Ochrana proti sledovaniu" vyberte možnosť "Štandardné" alebo "Vlastné". Ak zvolíte "Vlastné", uistite sa, že nie je zaškrtnuté políčko "Cookies".
Ak chcete prispôsobiť nastavenia, môžete použiť aj ďalšie možnosti, ako napríklad "Správca výnimiek", ktorý vám umožní povoliť cookies pre konkrétne webové stránky.

Microsoft Edge

Otvorte prehliadač Edge.
Kliknite na ikonu troch bodiek v pravom hornom rohu okna prehliadača a zvoľte "Nastavenia".
V ľavej časti okna kliknite na "Súbory cookie a povolenia pre lokality".
Kliknite na "Spravovať a odstrániť súbory cookie a údaje lokality".
Uistite sa, že je prepínač vedľa "Povoliť ukladanie a čítanie údajov súborov cookie (odporúča sa)" zapnutý.
Ak chcete prispôsobiť nastavenia, môžete použiť aj ďalšie možnosti, ako napríklad "Blokovať súbory cookie tretích strán" alebo "Pridať" konkrétne webové stránky, ktorým chcete povoliť alebo zakázať používanie cookies.

Safari

Otvorte prehliadač Safari.
Kliknite na "Safari" v hornom menu a zvoľte "Predvoľby".
Kliknite na záložku "Súkromie".
Uistite sa, že nie je zaškrtnuté políčko "Blokovať všetky cookies".
Môžete tiež použiť možnosť "Spravovať údaje webových stránok" na zobrazenie a odstránenie cookies uložených konkrétnymi webovými stránkami.

Prehliadače v mobilných zariadeniach (Android/iOS)

Postup zapnutia cookies v mobilných prehliadačoch je podobný ako v desktopových verziách. Nižšie sú uvedené kroky pre Chrome a Safari na mobilných zariadeniach:

Chrome (Android)

Otvorte aplikáciu Chrome.
V pravom hornom rohu ťuknite na ikonu troch bodiek (Menu) a potom na Nastavenia.
Ťuknite na Nastavenia webu a potom na Súbory cookie.
Zapnite možnosť Súbory cookie.

Safari (iOS)

Otvorte aplikáciu Nastavenia na vašom iPhone alebo iPade.
Prejdite nadol a ťuknite na Safari.
Prejdite nadol a odškrtnite možnosť Blokovať všetky cookies.

Alternatívne Prístupy k Správe Cookies

Okrem zapnutia alebo vypnutia cookies v prehliadači existujú aj ďalšie spôsoby, ako spravovať cookies a chrániť svoje súkromie online:

Používanie rozšírení prehliadača: Existujú rôzne rozšírenia prehliadača, ktoré vám umožňujú spravovať cookies, blokovať sledovanie a chrániť svoje súkromie online. Medzi populárne rozšírenia patrí Privacy Badger, uBlock Origin a Ghostery.
Používanie režimu inkognito: Režim inkognito (alebo anonymné prehliadanie) zabraňuje prehliadaču ukladať cookies, históriu prehliadania a ďalšie údaje. To vám umožňuje prehliadať web bez toho, aby vás webové stránky sledovali.
Pravidelné čistenie cookies: Pravidelné čistenie cookies odstráni všetky cookies uložené vo vašom prehliadači. To vám pomôže chrániť svoje súkromie a uvoľniť miesto na disku.

Bezpečnosť a Súkromie

Hoci sú cookies užitočné, je dôležité mať na pamäti aj bezpečnosť a súkromie.

Pravidelne vymazávajte cookies: Vymazávanie cookies pravidelne pomáha chrániť vaše súkromie a zabraňuje webovým stránkam sledovať vašu aktivitu prehliadania.
Používajte silné heslá: Používajte silné heslá pre všetky svoje online účty. Tieto odkazy môžu viesť na falošné webové stránky, ktoré sa snažia ukradnúť vaše údaje.
Používajte antivírusový softvér: Používajte antivírusový softvér na ochranu svojho počítača pred malvérom.
Informujte sa o ochrane osobných údajov: Prečítajte si zásady ochrany osobných údajov webových stránok, ktoré navštevujete. To vám pomôže pochopiť, ako webové stránky používajú vaše údaje.

Alternatívy Cookies

Existujú aj alternatívne technológie, ktoré webové stránky môžu použiť namiesto cookies. Medzi najbežnejšie patria:

Local Storage: Local Storage je technológia, ktorá umožňuje webovým stránkam ukladať údaje priamo do vášho prehliadača.

Ako Skontrolovať Nastavenie Cookies a ID5

Súbory cookies môžete kontrolovať alebo zmazať podľa uváženia. Podrobnosti nájdete na stránke aboutcookies.org. Môžete vymazať všetky súbory cookie uložené vo svojom počítači a väčšinu prehliadačov môžete nastaviť tak, aby ste im znemožnili ich ukladanie. Nastavenie súkromia ID5 môžete vykonať na stránke hsync.com.

Riešenie Problémov s Cookies

Ak narazíte na problémy s nefunkčnými prvkami na webových stránkach, ako sú tlačidlá pre objednávky alebo zobrazenie obsahu, problém môže byť často spojený so súbormi cookie. Vyčistenie cookies vo vašom internetovom prehliadači je často rýchlym a účinným riešením. Mnohé rozšírenia a aplikácie pre blokovanie obsahu, ako napríklad Adblock, Adblock Plus, uBlock Origin, Ghostery, NoScript, Privacy Badger alebo AdGuard, môžu interferovať s cookies.

Príklad z praxe: Cookies na stránkach Slovenskej pošty

Spoločnosť Slovenská pošta, a.s., používa na svojich webových stránkach technológie ako sú cookies, ktoré im umožňujú spracúvať údaje potrebné na správne fungovanie webovej stránky a zlepšenie vašej používateľskej skúsenosti. Používajú cookies na optimalizáciu prevádzky a obsahu webových stránok s cieľom neustále skvalitňovať služby, prispôsobiť ich záujmom a potrebám a zlepšovať ich štruktúru a obsah.

Sú vytvorené na to, aby webové stránky, ktoré navštívite, rozoznali vaše koncové zariadenie, alebo aby vám pomáhali a umožnili efektívne používať webové stránky, ich funkcie a nastavenia. Na webových stránkach Slovenskej pošty môžu byť použité dočasné a trvalé cookies. Dočasné sa uchovávajú vo vašom zariadení, kým stránku neopustíte. Trvalé cookies zostávajú vo vašom zariadení do uplynutia ich platnosti alebo do ručného vymazania.

Slovenská pošta používa nasledujúce druhy cookies:

Nevyhnutne potrebné cookies (technické cookies): Tieto súbory cookies zabezpečujú správne fungovanie webovej stránky a majú taktiež za účel zvýšenie užívateľského komfortu návštevníka webovej stránky. Zabezpečujú, aby správne fungovali všetky funkcionality, ktoré majú slúžiť návštevníkovi webovej stránky. Na využívanie týchto cookies nie je potrebný Váš súhlas ani ich nie je možné odmietnuť.
Cookies tretích strán: Na webových stránkach Slovenskej pošty sú prepojenia a integrovaný obsah z iných webových stránok, ktoré považujú za užitočné a plne bezpečné. Preto môžu byť počas používania webových stránok vytvorené cookies, ktoré nepodliehajú ich kontrole. Ide o služby Google Analytics a Google Maps.

Ako pridať cookies pomocou HTML

Samotný HTML jazyk neslúži na priame pridávanie cookies. Cookies sa pridávajú pomocou server-side skriptov (napr. PHP, Python) alebo pomocou JavaScriptu na strane klienta. HTML slúži na štruktúru a obsah webovej stránky, ale nie na manipuláciu s cookies. Avšak, HTML môže byť použitý na zobrazenie informácií o cookies prostredníctvom JavaScriptu.

Príklad použitia JavaScriptu na pridanie a zobrazenie cookies

Nasledujúci príklad ukazuje, ako môžete použiť JavaScript na pridanie cookie a následne zobraziť informácie o cookies na webovej stránke.

<!DOCTYPE html>
<html>
<head>
<title>Pridanie a zobrazenie cookies</title>
</head>
<body>
<h1>Cookies v HTML</h1>
<button onclick="pridajCookie()">Pridať Cookie</button>
<div id="cookieInfo"></div>
<script>
function pridajCookie() {
document.cookie = "meno=Janko; expires=Thu, 18 Dec 2024 12:00:00 UTC; path=/";
zobrazCookie();
}
function zobrazCookie() {
var x = document.cookie;
document.getElementById("cookieInfo").innerHTML = "Cookie: " + x;
}
</script>
</body>
</html>

V tomto príklade:

pridajCookie() funkcia pridá cookie s názvom "meno", hodnotou "Janko", dátumom expirácie a cestou.
zobrazCookie() funkcia prečíta hodnotu cookie a zobrazí ju v div elemente s id "cookieInfo".

Cookie banner a jeho nastavenie

V DASE sa venujeme správnemu nastaveniu cookie bannera už dlho a za tú dobu sme mali veľa možností otestovať, ako by mal fungovať tento nástroj na správu ukladania súborov cookies na stránke. Je to v skratke kus kódu, tzv. skript, ktorý má za úlohu zobraziť upozornenie, zaznamenať interakciu a oznámiť systémom na stránke výber používateľa. Skript môže mať podobu od jedného riadku až po viacero funkcií, ktoré sú spoločne zabalené v HTML elemente . To, ako vyzerá dizajn lišty a aké funkcie ponúka, závisí vždy od konkrétneho nástroja. Vo všeobecnosti by však mala ponúkať prehľadný zoznam použitých cookies a zrozumiteľne používateľovi odkomunikovať ich nastavenie. Dôležitou súčasťou cookie lišty je aj rozhranie, v ktorom nastavujete domény, kategórie, pravidlá, spúšťate skeny stránky a ovládate ďalšie potrebné prvky. V tejto oblasti je najdôležitejšou hodnotou prehľadnosť a ľahkosť nastavenia cookie lišty.

Najviac používaný nástroj na správu cookies je Cookiebot. Spolu s Google Tag Managerom ponúka prednastavenú šablónu, ktorá pracuje s najnovšou verziou Consent módu. Pri interakcii návštevníka nástroj odosiela do GTM detailné informácie v niekoľkých udalostiach. Rozhranie nastavenia je prehľadné, zrozumiteľné a ideálne pre stredne veľké a väčšie spoločnosti, ktoré potrebujú spravovať viacero domén.

Jednoduché nastavenie cookie lišty v prehľadnom rozhraní zvládne aj začiatočník. Je preto ideálnym riešením pre menšie spoločnosti a jednotlivcov. Kód cookie lišty je síce potrebné vložiť priamo na stránku alebo prostredníctvom systému na správu tagov, ale po interakcii s používateľom lišta odosiela do DataLayeru event pre každú kategóriu cookies s informáciou o povolení, či zamietnutí nastavenia, na ktorú sa ľahšie nastavuje odpaľovanie tagov. Základné nastavenie ponúka veľmi jednoduchý a zrozumiteľný cookie banner pre dve domény zadarmo.

Najkomplexnejšie riešenie pre veľké spoločnosti spravujúce viacero domén. Dashboard je pre začiatočníkov trochu komplikovaný, ponúka však prehľad nastavenia podľa lokalizácie domény. Môžete teda nastaviť viacero právnych predpisov, ktoré bude banner dodržiavať v závislosti od krajiny návštevníka vašej stránky. Zároveň nástroj ponúka hĺbkový sken použitých cookies, ich automatickú kategorizáciu a správu skupín.

Nezávisle od toho aký nástroj na blokovanie cookies používate, úlohou cookie bannera je zastaviť spustenie iných kúskov kódu, ktoré si ukladajú cookies pre neskoršie využitie. Základ každého nastavenia banneru a ďalšieho fungovania je počiatočný sken webu. Ten indexuje všetky stránky a podstránky spojené s konkrétnou doménou. Výsledkom by mal byť kompletný zoznam uložených cookies zaradený v kategóriách.

Cookies, bez ktorých stránka nemôže správne pracovať.

Cookies, bez ktorý stránka nemôže používať konkrétne funkcie. Sem zaraďujeme rôzne rozšírenia stránky, ako komentárová sekcia alebo chat.

Cookies, ktoré slúžia len na vyhodnotenie používania stránky. Ak nástroj nepozná názov cookie, tak ju automaticky zaradí to tejto kategórie.

Ak používate analytickú knižnicu analytics.js, gtag.js alebo iné riešenie, ktoré posiela dáta zo stránky priamo do analytického, alebo marketingového nástroja, tak niektoré cookie lišty ponúkajú možnosť zastaviť označené skripty ešte pred schválením nastavenia cookies používateľom. Pre konkrétne riešenia odporúčam prejsť použité skripty na stránke v spolupráci s developerom a určiť kategórie pre časti kódu, ktoré ukladajú cookies.

V prípade, že skripty ukladajúce cookies spúšťate na stránke prostredníctvom kontajnera GTM, alebo iného systému na manažment značiek (Tag Management System), tak je potrebné urobiť niekoľko nastavení, ktoré budú reagovať na voľbu používateľa. Väčšinou bude vaša cookie lišta v podobe skriptu, ktorý sa musí spustiť pri prvej návšteve používateľa po načítaní stránky. Po výbere nastavenia používateľom, by malo dôjsť k zaznamenaniu interakcie do systému. Do dátovej vrstvy sa potom pridá nová udalosť alebo aj niekoľko udalostí. Systém by mal obsahovať premennú, ktorá bude na výber nastavenia cookies reagovať a blokovať skripty s príslušnou kategóriou cookies. Systém by nemal spustiť žiadne skripty skôr, než dôjde k interakcii používateľa.

Každá cookie lišta by mala používateľovi ponúkať aj možnosť zmeniť vybrané nastavenie. V taktom prípade sa by sa mala opáliť dedikovaná udalosť, alebo aspoň opäť spustiť štandardná udalosť oznamujúca zmenu nastavenia. Niektoré nástroje blokovania cookies ponúkajú aj možnosť dodatočne zmazať všetky cookies z odmietnutej kategórie.

Smernica 2002/58/EC Európskeho parlamentu platí už od roku 2002 a v súvislosti s GDPR aktuálne upravuje vzťahy a použitie zbieraných údajov. Z právneho hľadiska musí byť použitie súborov cookies najprv prekonzultované s právnym poradcom. Z analytického hľadiska je hlavným cieľom zachytávať odkiaľ k nám používatelia prišli, aký nástroj k tomu použili a na ktorej stránke začali svoju návštevu, v skratke zdroj, médium a landing page.

Odporúčam preto nastavenie bannera, ktorý blokuje použitie stránky až do momentu výberu nastavenia, aby sa všetky potrebné značky mohli spustiť hneď na začiatku návštevy. Dizajn bannera by mal byť čo najviac prehľadný a zbytočne nemiasť používateľov. Užívatelia, ktorí si chcú svoje súkromie strážiť, dávajú súhlas so spracovaním osobných údajov pozorne.

Tabuľka nastavení cookies pre rôzne prehliadače

Prehliadač	Postup
Google Chrome	Nastavenia -> Ochrana súkromia a zabezpečenie -> Súbory cookie a iné údaje webu -> Povoliť všetky súbory cookie
Mozilla Firefox	Nastavenia -> Súkromie a bezpečnosť -> Ochrana proti sledovaniu -> Štandardné/Vlastné (uistite sa, že cookies nie sú blokované)
Microsoft Edge	Nastavenia -> Súbory cookie a povolenia pre lokality -> Spravovať a odstrániť súbory cookie a údaje lokality -> Povoliť ukladanie a čítanie údajov súborov cookie
Safari	Predvoľby -> Súkromie -> Uistite sa, že nie je zaškrtnuté "Blokovať všetky cookies"

tags: #pridat #cookies #html #návod