Référence complète de l'API
Catégories de cookies
Les niveaux suivants sont disponibles dans la solution de consentement aux cookies de TermsFeed. Balisez votre code JavaScript en utilisant l'un des niveaux suivants.
-
strictly-necessarypour les scripts essentiels.Par exemple, les cookies liés à la connexion au compte. Les cookies strictement nécessaires sont chargés automatiquement et ne peuvent pas être désactivés par l'utilisateur.
<script type="text/plain" data-cookie-consent="strictly-necessary"></script> -
functionalitypour les scripts de fonctionnalités avancées.Par exemple, pour mémoriser les préférences linguistiques des utilisateurs ou enregistrer divers choix.
<script type="text/plain" data-cookie-consent="functionality"></script> -
trackingpour les scripts des fournisseurs d'analyses et de performances.Par exemple, des outils d'analyse tels que Google Analytics.
<script type="text/plain" data-cookie-consent="tracking"></script> -
targetingpour les scripts des fournisseurs de services de marketing et de publicité.Par exemple, le remarketing Google AdSense/AdWords.
<script type="text/plain" data-cookie-consent="targeting"></script>
Méthodes
cookieconsent.run(config)
Initialise la bannière de consentement aux cookies TermsFeed avec la configuration fournie.
cookieconsent.run({
"consent_type": "express",
"website_name": "My Website",
// ... other options
});
cookieconsent.openPreferencesCenter()
Ouvre la fenêtre modale du Centre de préférences pour permettre aux utilisateurs de modifier leur consentement.
// Example usage:
document.getElementById('settingsButton').addEventListener('click', function() {
cookieconsent.openPreferencesCenter();
});
Options de configuration
| Paramètre | Type | Par défaut | Valeurs | Description |
consent_type |
Chaîne | "express" |
"express", "implied" |
Type de consentement |
notice_banner_type |
Chaîne | "headline" |
"simple", "headline", "interstitial", "standalone" |
Conception de la bannière |
palette |
Chaîne | "light" |
"light", "dark" |
Palette de couleurs |
language |
Chaîne | "en" |
Voir le dossier i18n | Code de langue |
website_name |
Chaîne | - | N'importe quelle chaîne | Nom de votre site web |
website_privacy_policy_url |
Chaîne | - | URL | Lien vers la politique de confidentialité |
website_impressum_url |
Chaîne | - | URL | Lien vers les mentions légales (facultatif) |
open_preferences_center_selector |
Chaîne | "#changePreferences" |
Sélecteur CSS | ID du bouton |
page_load_consent_levels |
Tableau | - | Tableau de catégories | Catégories à charger au chargement de la page |
notice_banner_purposes_levels |
Tableau | Toutes les catégories | Tableau de catégories | Catégories à afficher |
preferences_center_close_button_hide |
Booléen | false |
true, false |
Masquer le bouton Fermer |
notice_banner_reject_button_hide |
Booléen | false |
true, false |
Masquer le bouton « Rejeter » |
page_refresh_confirmation_buttons |
Booléen | false |
true, false |
Actualiser après consentement |
cookie_domain |
Chaîne | - | Chaîne de domaine | Pour le consentement inter-domaines |
cookie_secure |
Booléen | false |
true, false |
Exiger HTTPS |
user_consent_token |
Chaîne | - | N'importe quelle chaîne | Jeton de consentement personnalisé |
callbacks |
Objet | - | Objet | Rappels d'événement |
callbacks_force |
Booléen | false |
true, false |
Toujours déclencher les callbacks |
demo |
Booléen | false |
true, false |
Mode démo (sans cookies) |
debug |
Booléen | false |
true, false |
Journalisation de débogage |
Rappels
| Rappel | Paramètres | Quand elle est déclenchée |
notice_banner_loaded |
Aucun | Affichage de la bannière |
i_agree_button_clicked |
Aucune | L'utilisateur clique sur « J'accepte » |
i_decline_button_clicked |
Aucun | L'utilisateur clique sur « Je refuse » |
change_my_preferences_button_clicked |
Aucun | L'utilisateur ouvre les préférences |
scripts_specific_loaded |
level (Chaîne) |
Chargement des scripts de catégorie |
user_consent_saved |
Aucun | Consentement enregistré dans un cookie |
Références des classes CSS
Classes CSS de la bannière
/ 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 { }
Classes CSS du Centre de préférences
/ 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 { }