Kompletná referenčná príručka k API

V riešení TermsFeed Cookie Consent sú k dispozícii nasledujúce úrovne. Označte svoj JavaScript pomocou akejkoľvek z nasledujúcich úrovní.

  • strictly-necessary pre nevyhnutné skripty.

    Napríklad súbory cookie súvisiace s prihlásením do účtu. Striktne nevyhnutné súbory cookie sa načítajú automaticky a používateľ ich nemôže deaktivovať.

    <script type="text/plain" data-cookie-consent="strictly-necessary"></script>
  • functionality pre skripty s rozšírenými funkciami.

    Napríklad zapamätanie jazykových preferencií používateľov alebo zapamätanie rôznych volieb.

    <script type="text/plain" data-cookie-consent="functionality"></script>
  • tracking pre skripty dodávateľov analytických a výkonnostných služieb.

    Napríklad analytické nástroje, ako je Google Analytics.

    <script type="text/plain" data-cookie-consent="tracking"></script>
  • targeting pre skripty poskytovateľov marketingových a reklamných služieb.

    Napríklad remarketing Google AdSense/AdWords.

    <script type="text/plain" data-cookie-consent="targeting"></script>

Metódy

cookieconsent.run(config)

Inicializuje banner súhlasu s cookies TermsFeed s poskytnutou konfiguráciou.

cookieconsent.run({
    "consent_type": "express",
    "website_name": "My Website",
    // ... other options
});

cookieconsent.openPreferencesCenter()

Otvorí modálne okno Centra nastavení, kde môžu používatelia zmeniť svoj súhlas.

// Example usage:
document.getElementById('settingsButton').addEventListener('click', function() {
    cookieconsent.openPreferencesCenter();
});

Možnosti konfigurácie

Parameter Typ Predvolené Hodnoty Popis
consent_type Reťazec "express" "express", "implied" Typ súhlasu
notice_banner_type Reťazec "headline" "simple", "headline", "interstitial", "standalone" Návrh banneru
palette Reťazec "light" "light", "dark" Farebná schéma
language Reťazec "en" Pozri priečinok i18n Kód jazyka
website_name Reťazec - Ľubovoľný reťazec Názov vašej webovej stránky
website_privacy_policy_url Reťazec - URL Odkaz na zásady ochrany osobných údajov
website_impressum_url Reťazec - URL Odkaz na Impressum (voliteľné)
open_preferences_center_selector Reťazec "#changePreferences" Selektor CSS ID tlačidla
page_load_consent_levels Pole - Pole kategórií Kategórie, ktoré sa majú načítať pri načítaní stránky
notice_banner_purposes_levels Pole Všetky kategórie Pole kategórií Kategórie na zobrazenie
preferences_center_close_button_hide Boolean false true, false Skryť tlačidlo zatvorenia
notice_banner_reject_button_hide Boolean false true, false Skryť tlačidlo zamietnuť
page_refresh_confirmation_buttons Boolean false true, false Obnoviť po udelení súhlasu
cookie_domain Reťazec - Reťazec domény Pre súhlas medzi doménami
cookie_secure Boolean false true, false Vyžadovať HTTPS
user_consent_token Reťazec - Ľubovoľný reťazec Vlastný token súhlasu
callbacks Objekt - Objekt Spätné volania udalostí
callbacks_force Boolean false true, false Vždy spúšťať spätné volania
demo Boolean false true, false Demo režim (bez súborov cookie)
debug Boolean false true, false Logovanie ladenia

Spätné volania

Spätná volanie Parametre Kedy sa spustí
notice_banner_loaded Žiadne Zobrazenie banneru
i_agree_button_clicked Žiadne Používateľ klikne na „Súhlasím“
i_decline_button_clicked Žiadne Používateľ klikne na „Odmietam“
change_my_preferences_button_clicked Žiadne Používateľ otvorí nastavenia
scripts_specific_loaded level (reťazec) Načítanie skriptov kategórie
user_consent_saved Žiadne Súhlas uložený do súboru cookie

Odkazy na triedy CSS

Triedy CSS 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 { }

Triedy CSS v centre nastavení

/ 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 { }