Kompletní referenční příručka k API
Kategorie souborů cookie
V řešení TermsFeed Cookie Consent jsou k dispozici následující úrovně. Označte svůj JavaScript pomocí libovolné z následujících úrovní.
-
strictly-necessarypro nezbytné skripty.Například soubory cookie související s přihlášením k účtu. Nezbytně nutné soubory cookie se načítají automaticky a uživatel je nemůže deaktivovat.
<script type="text/plain" data-cookie-consent="strictly-necessary"></script> -
functionalitypro skripty vylepšených funkcí.Například zapamatování jazykových preferencí uživatelů nebo zapamatování různých voleb.
<script type="text/plain" data-cookie-consent="functionality"></script> -
trackingpro skripty poskytovatelů analytických a výkonnostních služeb.Například analytické nástroje, jako je Google Analytics.
<script type="text/plain" data-cookie-consent="tracking"></script> -
targetingpro skripty dodavatelů marketingových a reklamních služeb.Například remarketing Google AdSense/AdWords.
<script type="text/plain" data-cookie-consent="targeting"></script>
Metody
cookieconsent.run(config)
Inicializuje banner souhlasu s cookies TermsFeed s poskytnutou konfigurací.
cookieconsent.run({
"consent_type": "express",
"website_name": "My Website",
// ... other options
});
cookieconsent.openPreferencesCenter()
Otevře modální okno Centra předvoleb, ve kterém mohou uživatelé změnit svůj souhlas.
// Example usage:
document.getElementById('settingsButton').addEventListener('click', function() {
cookieconsent.openPreferencesCenter();
});
Možnosti konfigurace
| Parametr | Typ | Výchozí | Hodnoty | Popis |
consent_type |
Řetězec | "express" |
"express", "implied" |
Typ souhlasu |
notice_banner_type |
Řetězec | "headline" |
"simple", "headline", "interstitial", "standalone" |
Návrh banneru |
palette |
Řetězec | "light" |
"light", "dark" |
Barevné schéma |
language |
Řetězec | "en" |
Viz složka i18n | Kód jazyka |
website_name |
Řetězec | - | Libovolný řetězec | Název vaší webové stránky |
website_privacy_policy_url |
Řetězec | - | URL | Odkaz na zásady ochrany osobních údajů |
website_impressum_url |
Řetězec | - | URL | Odkaz na impressum (volitelné) |
open_preferences_center_selector |
Řetězec | "#changePreferences" |
Selektor CSS | ID tlačítka |
page_load_consent_levels |
Pole | - | Pole kategorií | Kategorie, které se mají načíst při načtení stránky |
notice_banner_purposes_levels |
Pole | Všechny kategorie | Pole kategorií | Kategorie k zobrazení |
preferences_center_close_button_hide |
Logická hodnota | false |
true, false |
Skrýt tlačítko zavřít |
notice_banner_reject_button_hide |
Booleovská | false |
true, false |
Skrýt tlačítko zamítnout |
page_refresh_confirmation_buttons |
Booleovská | false |
true, false |
Obnovit po udělení souhlasu |
cookie_domain |
Řetězec | - | Řetězec domény | Pro souhlas napříč doménami |
cookie_secure |
Logická | false |
true, false |
Vyžadovat HTTPS |
user_consent_token |
Řetězec | - | Libovolný řetězec | Vlastní token souhlasu |
callbacks |
Objekt | - | Objekt | Zpětná volání událostí |
callbacks_force |
Booleovská hodnota | false |
true, false |
Vždy spouštět zpětná volání |
demo |
Boolean | false |
true, false |
Demo režim (bez cookies) |
debug |
Booleovská | false |
true, false |
Logování ladění |
Zpětná volání
| Zpětné volání | Parametry | Kdy se spouští |
notice_banner_loaded |
Žádné | Zobrazení banneru |
i_agree_button_clicked |
Žádný | Uživatel klikne na „Souhlasím“ |
i_decline_button_clicked |
Žádné | Uživatel klikne na „Odmítám“ |
change_my_preferences_button_clicked |
Žádné | Uživatel otevře nastavení |
scripts_specific_loaded |
level (řetězec) |
Načtení skriptů kategorií |
user_consent_saved |
Žádné | Souhlas uložen do souboru cookie |
Odkazy na třídy CSS
CSS třídy banneru
/ Main banner container /
.termsfeed-com---nb { }
/ Banner title /
.termsfeed-com---nb .cc-nb-title { }
/ Banner text content /
.termsfeed-com---nb .cc-nb-text { }
/ Button container /
.termsfeed-com---nb .cc-nb-buttons { }
/ Accept button /
.termsfeed-com---nb .cc-nb-okagree { }
/ Reject button /
.termsfeed-com---nb .cc-nb-reject { }
/ Preferences button /
.termsfeed-com---nb .cc-nb-changep { }
CSS třídy centra předvoleb
/ Overlay /
.termsfeed-com---pc-overlay { }
/ Dialog container /
.termsfeed-com---pc-dialog { }
/ Tab navigation /
.termsfeed-com---pc .cc-pc-head-tab { }
/ Active tab /
.termsfeed-com---pc .cc-pc-head-tab-link.cc-active { }
/ Tab content /
.termsfeed-com---pc .cc-pc-content { }
/ Category toggle /
.termsfeed-com---pc .cc-pc-category-toggle { }