Kompletny przewodnik po API

W rozwiązaniu TermsFeed Cookie Consent dostępne są następujące poziomy. Oznacz swój kod JavaScript, używając dowolnego z poniższych poziomów.

  • strictly-necessary dla skryptów niezbędnych.

    Na przykład pliki cookie związane z logowaniem do konta. Pliki cookie ściśle niezbędne są ładowane automatycznie i nie mogą być wyłączone przez użytkownika.

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

  • functionality dla skryptów rozszerzonych funkcji.

    Na przykład zapamiętanie preferencji językowych użytkowników lub różnych wyborów.

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

  • tracking dla skryptów dostawców usług analitycznych i wydajnościowych.

    Na przykład do analiz, takich jak Google Analytics.

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

  • targeting dla skryptów dostawców usług marketingowych i reklamowych.

    Na przykład remarketing Google AdSense/AdWords.

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

Metody

cookieconsent.run(config)

Inicjuje baner zgody na pliki cookie TermsFeed z podaną konfiguracją.

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

cookieconsent.openPreferencesCenter()

Otwiera okno modalne Centrum preferencji, w którym użytkownicy mogą zmienić swoją zgodę.

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

Opcje konfiguracyjne

Parametr Typ Domyślna Wartości Opis
consent_type Ciąg "express" "express", "implied" Rodzaj zgody
notice_banner_type Ciąg "headline" "simple", "headline", "interstitial", "standalone" Projekt banera
palette Ciąg "light" "light", "dark" Schemat kolorów
language Ciąg "en" Zobacz folder i18n Kod języka
website_name Ciąg - Dowolny ciąg znaków Nazwa Twojej witryny
website_privacy_policy_url Ciąg - URL Link do polityki prywatności
website_impressum_url Ciąg - URL Link do informacji o wydawcy (opcjonalnie)
open_preferences_center_selector Ciąg "#changePreferences" Selektor CSS Identyfikator przycisku
page_load_consent_levels Tablica - Tablica kategorii Kategorie do załadowania przy wczytaniu strony
notice_banner_purposes_levels Tablica Wszystkie kategorie Tablica kategorii Kategorie do wyświetlenia
preferences_center_close_button_hide Boolean false true, false Ukryj przycisk zamykania
notice_banner_reject_button_hide Boolean false true, false Ukryj przycisk odrzucenia
page_refresh_confirmation_buttons Boolean false true, false Odśwież po wyrażeniu zgody
cookie_domain Ciąg znaków - Ciąg domeny Dla zgody międzydomenowej
cookie_secure Logiczna false true, false Wymagaj HTTPS
user_consent_token Ciąg - Dowolny ciąg znaków Niestandardowy token zgody
callbacks Obiekt - Obiekt Wywołania zwrotne zdarzeń
callbacks_force Boolean false true, false Zawsze wywołuj wywołania zwrotne
demo Boolean false true, false Tryb demonstracyjny (bez plików cookie)
debug Boolean false true, false Rejestrowanie debugowania

Wywołania zwrotne

Wywołanie zwrotne Parametry Kiedy wywoływane
notice_banner_loaded Brak Wyświetlanie banerów
i_agree_button_clicked Brak Użytkownik klika „Zgadzam się”
i_decline_button_clicked Brak Użytkownik klika „Odrzucam”
change_my_preferences_button_clicked Brak Użytkownik otwiera ustawienia
scripts_specific_loaded level (Ciąg znaków) Ładowanie skryptów kategorii
user_consent_saved Brak Zgoda zapisana w pliku cookie

Odwołania do klas CSS

Klasy CSS banerów

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

Klasy CSS Centrum preferencji

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