Generátor cookie lišty

V tomto formuláři si můžete snadno navrhnout vlastní cookie lištu pro váš web. Veškeré texty lze upravit přímo na této stránce. Pokud se tím nechcete zabývat a raději byste to nechali vše na nás, můžete jednoduše využít objednávku cookie lišty na míru.

📂 Načíst data stávajícího zákazníka

 

Vzhled a obsah lišty

Nejprve si upravte vzhled a texty základní lišty tak, aby vám vyhovovaly:

Kategorie cookies

Nyní vyspecifikujte kategorie cookies, která na webu ukládáte. Kategorie by neměly být moc obecné, neměly by uživatele zahltit informacemi a měly být pro
průměrného uživatele pochopitelné. Předpřipravili jsme nejčastější kategorie, které naši uživatelé na webu mají.

Vzhled a obsah okna s nastavením

Toto okno se zobrazí ve chvíli, kdy uživatel klikne na tlačítko pro zobrazení detailního nastavení ukládání cookies.

Kód pro vložení na web

Následující kód je aktualizován na základě vstupu výše. Můžete jej tedy rovnou použít. Na konec tagu <body> vložte následující kód:

<script src="https://cpmnt.proweb.cz/cookie-consent/v1/cookie-consent.js"></script>

Struktura HTML stránky by měla vypadat zhruba nějak takto:

<!DOCTYPE html>
<html lang="cs">
    <head>
        ....
    </head>
    <body>
        ....
        <script src="https://cmpts.proweb.cz/cookie-consent/v1/cookie-consent.js?rxy0ox"></script>
        ....
    </body>
</html>

Ve vlastních javascriptech budete odebírat událost cookie-consent:

document.addEventListener('cookie-consent', function (event) {
    /**
     * Vychozi cookies jsou pri nacteni stranky. Pokud uzivatel drive souhlas odeslal,
     * budou zde odeslane hodnoty. Jinak vychozi - pouze funkcni cookies.
     */
    const isDefault = event.detail.isDefault;

    /**
     * Pole ID kategorii, se kterymi uzivatel souhlasil.
     */
    const consents = event.detail.consents;

    if (consents.includes('functional')) {
        // ... Zde muzete vlozit kod v pripade, ze uzivatel souhlasil s cookies v kategorii Základní funkce webu. ...
    }
    
    if (consents.includes('performance')) {
        // ... Zde muzete vlozit kod v pripade, ze uzivatel souhlasil s cookies v kategorii Výkonová. ...
    }
    
    if (consents.includes('analytical')) {
        // ... Zde muzete vlozit kod v pripade, ze uzivatel souhlasil s cookies v kategorii Analytická. ...
    }
    
    if (consents.includes('advertising')) {
        // ... Zde muzete vlozit kod v pripade, ze uzivatel souhlasil s cookies v kategorii Reklamní. ...
    }
});

Skript můžete takto ihned nasadit a vyzkoušet, ale bude fungovat v omezeném režimu. Po zaplacení v následující sekci se automaticky aktivuje plná verze.

Další příklady práce se souhlasem najdete v dokumentaci.

Webové stránky zdarma