Jak získat kód lišty s informací o používání cookies

Obtížnost 1: Žádné složitosti ~ 4 minuty čtení ~ 2-4 minuty práce ~ +videonávod

Potřebuju na web přidat takovou tu lištu s informací o ukládání cookies. Jak ji můžu vytvořit?

Snadno to zvládneš v interaktivním online editoru. Zabere to trošku času, ale není to nijak složité. Ukážu ti, jak na to krok za krokem 😉

Jak získat kód „cookie lišty“

Využijeme bezplatnou službu Cookie Consent by Insites, takže přejdi na https://cookieconsent.insites.com/ a tam klikni na Download (tlačítko nebo odkaz v menu, je to jedno). Neboj, nic se nezačne stahovat, jen se dostaneš na stránku, kde nastavíme vše potřebné.

Cookie Consent by Insites
Cookie Consent by Insites

(Záměrně jsem výše uvedený krok nečíslovala, aby mi teď čísla jednotlivých kroků seděla s číslováním na stránce a nebyly v tom zmatky 😉 )

Pustíme se do nastavování položku po položce. Veškerá nastavení můžeš snadno sledovat přímo na stránce – lišta, která se na ní zobrazuje, totiž přesně kopíruje aktuální nastavení. S každou změnou, kterou nastavíš, se promění i lišta.

Souhlas s cookies nastavení lišty
Lišta na ukázku

Následuje výpis jednotlivých položek k nastavení s vysvětlením, o co jde. Na každou položku stačí kliknout, aby se pod ní rozbalila nabídka úprav.

  1. Position = umístění lišty
    Vyber kteroukoli z možností, která se bude hodit na tvůj web.
    Banner bottom = pruh dole
    Banner top = pruh nahoře (pevně umístěný, tj. bude vidět, i když sjedeš po stránce dolů)
    Banner top (pushdown) = pruh nahoře (vložený přímo do stránky, tj. při pohybu dolů po stránce zmizí)
    Floating left = plovoucí vlevo (obdélník vlevo dole, který bude pořád na očích)
    Floating right = plovoucí vpravo (obdélník vpravo dole, který bude pořád na očích)
    TIP: Pro výběr je potřeba klikat na text dané položky, ne na puntíky před nimi.
  2. Layout = vzhled lišty
    Prostě vyzkoušej a uvidíš, co se ti bude líbit 😉
  3. Palette = barvičky 🙂
    Můžeš si vybrat některou z přednastavených barevných kombinací (A), nebo můžeš použít vlastní nastavení barev, které bude odpovídat barvám používaným na webu (B).

    Cookies consent lišta - barvy
    Výběr barev

    A) Prostě klikni na to barevné schéma, které se ti líbí.
    B) Nastav konkrétní barvy pro Banner (barva celé lišty), Button (barva tlačítka), Banner text (barva textu na liště), Button text (barva textu na tlačítku).
    Kliknutím do příslušného políčka se ti zobrazí barevná paleta, na které můžeš barvu nastavit (klikni do ní a posunuj kurzorem). Případně můžeš do odpovídajícího políčka vložit přímo kód barvy. Používá se tzv. hexadecimální zápis, tj. barvy označené např. #f28cad.

  4. Learn more link = odkaz na podrobné informace
    Pokud je tvůj web v angličtině, můžeš nechat zatrženou první možnost.
    Jinak klikni na volbu Link to your own policy a do políčka pod ní vlož adresu stránky, kde máš popsané, jak tvůj web používá cookies. Pokud takovou stránku zatím nemáš, můžeš
    a) nechat políčko prázdné a v liště prostě tento odkaz nebude,
    b) vložit tam odkaz na stránku s informacemi o tom, jak cookies používá Google – www.google.com/policies/technologies/cookies, aby tam bylo aspoň něco, tj. „aby se vlk nažral a koza zůstala celá“.
  5. Compliance type = typ souhlasu
    Nech zatrženou první možnost, kde vlastně informuješ návštěvníky stránek, že web používá cookies a oni používáním webu vyjadřují s tímto souhlas.
  6. Custom text = nastavení textů v liště
    Message = hlavní text lišty (pod návodem najdeš pár tipů, co se běžně používá)
    Dismiss button text = text tlačítka (mělo by to být něco ve smyslu Souhlasím, Beru na vědomí apod. – po kliknutí na tlačítko lišta zmizí)
    Policy link text = text odkazu na podrobné informace
  7. Tímto je všechno nastavené. Ještě zkontroluj, že lišta vypadá tak, jak si přeješ 😉

Lišta je vytvořená, zbývá ji vložit

Pokud jde o samotnou lištu a její nastavení, máme hotovo 😉 Zatím je to ale jen takový polotovar. Musíme ji totiž ještě dostat na web. Nezavírej proto stránku s vytvořeným kódem a rovnou přejdi na další návod:

Jak ve WordPressu přidat lištu pro souhlas s cookies

Pro ostatní weby zatím nemám návod zpracovaný. Pokud se už ve webových technikáliích orientuješ, tak prostě vlož vytvořený kód do hlavičky webu, přímo před tag </head>. Jestli ti tohle ale nezní nijak povědomě, jen si vytvořený kód zkopíruj a ulož u sebe v počítači a buď kontaktuj někoho, kdo ti pomůže, nebo počkej, až bude návod zveřejněný.

Videonávod jak vytvořit lištu s informací o cookies

Aktualizováno

Co na to říkáš?

Autor: Petra Vymětalová

Petra je internetová průvodkyně technikáliemi pro počítačové blondýny. Obzvlášť miluje Wordpress, se kterým pracuje už od roku 2010. Víc se o ní dočtete na jejím blogu www.petravymetalova.cz.

Napsat komentář

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *