1.0.0 • Published 2 years ago

any-cookie-consent v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
2 years ago

AnyCookieConsent

JS knihovna pro snadné napojení cookie lišty

Instalace

yarn add @anything-studio/any-cookie-consent

Napojení 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
});