any-cookie-consent
v1.0.0
Published
Cookie lišta využívající knihovnu vanilla-cookieconsent, lehce customizovaná
Downloads
3
Readme
AnyCookieConsent
JS knihovna pro snadné napojení cookie lišty
Instalace
yarn add @anything-studio/any-cookie-consentNapojení do projektu
Přidání do JS (main.nette.config.js apod.)
import AnyCookieConsent from "@anything-studio/any-cookie-consent"
AnyCookieConsent.init();Konfigurace v Latte
Knihovna dokáže vypínat cookie pro měřící kódy a pro reklamu. Pro volbu JS, který má na nastavení cookie lišty reagovat, se musí tento kód označit přímo v HTML.
Dělá se to mocí data-atributu data-cookiecategory,
který muže mít hodnotu necessary,analytics a targeting.
Je vyžadováno, aby element <script> byl označen jako type="text/plain".
Popis data-atributů
necessary - Bezpodmínečně nutné soubory cookies
analytics - Sledovací a výkonnostní soubory cookies
targeting - Cookies pro cílení a reklamu
Příklad
<script type="text/plain" data-cookiecategory="analytics" src="analytics.js"></script>Jazykové mutace
Obsahuje 2 jazykové mutace - CZ a EN.
Lišta si načítá jazyk z prohlížeče, přímo z HTML atributu <html lang="cz">. Pokud zde jazyk není uveden, výchozí je pak CZ.
Pro správné fungování na webech, kde se používá jazková mutace, je nutné s tímto počítat a parametr lang načítat z proměnné.
Příklad
Php:
public function beforeRender() {
...
$langList = $this->lang->findAll()->fetchPairs("id", "shortcut");
$this->template->langShortcut = $langList[$this->lang->getId()];
...
}Latte:
<html lang="{$langShortcut}">Konfigurace GUI
Je konfigurovatelná barva hlavního tlačítka a zda se má lišta zobrazit v dark módu.
btnColor - přijímá string barvu v HEX (výchozí je #2d4156)
darkMode - přijímá boolean pro zapnutí dark módu (výchozí false)
AnyCookieConsent.init({
btnColor: "#0000EE",
darkMode: true
});