Avec la mise en place du RGPD, il est devenu obligatoire de respecter certaines exigences quant à l'utilisation et au stockage des cookies qui sont considérés comme des données personnelles.
Les responsables de sites et fournisseurs de solutions ont l'obligation d’informer les internautes et de d'obtenir leur consentement explicite avant le dépôt de cookies ou autres traceurs. La trace de ces consentements doit être gardée.
La loi s’applique quel que soit le type de terminal utilisé et concerne donc les traceurs déposés sur les ordinateurs, smartphones, tablettes numériques et consoles de jeux vidéos connectées à Internet. La configuration des cookies telle que proposée par Fair&Smart prend en compte les dernières recommandations de la CNIL sur le sujet (affichage des boutons "tout accepter" et "tout refuser" de manière automatique par exemple).
Contenu de cette documentation :
Cycle de vie d’une configuration de cookies
Lister les configurations cookies existantes
Cliquer sur Cookies Consents ;
Créer une configuration
Cliquer sur Cookies Consents pour accéder à la liste des modèles ;
Cliquer sur Nouvelle configuration de cookies ;
Une fois le nom et la description de la configuration renseignés dans le panel Informations, vous pouvez, à tout moment, l'enregistrer en cliquant sur Enregistrer dans le panel Actions situé à droite ;
Dans le panel Informations, vous pouvez personnaliser le contenu et le comportement de la bannière et du panneau de configuration des cookies ;
Dans le panel Service externes, vous pouvez sélectionner les services souhaités, en renseignant les paramètres nécessaires le cas échéant ; la plupart des services sont accompagnés d’une petite documentation d’intégration ;
Dans le panel Personnalisation du bandeau, vous pouvez définir l'orientation du bandeau (haut, centre, bas) et certains libellés (titre, textes, libellés des boutons) ;
Dans le panel Style CSS, vous pouvez remplacer le style par défaut ;
A tout moment, vous pourrez visualiser un aperçu de la bannière en cliquant sur 
:
Intégrer une configuration
Une fois la configuration enregistrée une première fois, une section Balises à intégrer dans votre HTML apparaît à droite.
Elle contient deux balises HTML de type script, la première permettant de récupérer Tarteaucitron et la seconde permettant de récupérer votre configuration personnalisée de Tarteaucitron et une de type link permettant de récupérer soit le style par défaut de Tarteaucitron, soit votre style personnalisé pour la bannière.
Le bouton à côté du sous-titre Configuration personnalisée permet de copier dans votre presse-papier l’intégralité des trois balises. Il est conseillé de placer ces balises en haut de la balise head de votre site web (sur toutes les pages) pour un fonctionnement optimal.
Modifier une configuration
Cliquer sur Cookies Consents pour accéder à la liste des modèles ;
Cliquer simplement sur la ligne du modèle à modifier, ou dans cette ligne, cliquer sur le bouton de la colonne Actions puis sur le bouton Modifier du menu déroulant ;
Personnaliser la configuration ;
Pour enregistrer les modifications, cliquer sur Enregistrer ;
Supprimer une configuration
Depuis la liste :
Cliquer sur Cookies Consents pour accéder à la liste des modèles ;
Sur la ligne du modèle à modifier, cliquer sur le bouton de la colonne Actions puis sur le bouton Supprimer du menu déroulant ;
Depuis sa page dédiée :
Cliquer sur Supprimer dans le panel Actions à droite ;
Confirmer la suppression définitive ;
Si une page appelait le code correspondant à la configuration supprimée, aucune bannière ou message ne s'affichera sur celle-ci.
Détail des sections
Section “Informations”
Les paramètres globaux suivants peuvent être renseignés :
Paramètre | Description | Exemple |
|---|---|---|
Nom de la configuration | Identifiant de la configuration dans le backoffice. | |
Description de la configuration | Description de la configuration dans le backoffice. | |
Politique de confidentialité | URL de la page présentant la politique de confidentialité. Cette URL est accessible directement depuis la bannière et depuis le panneau de gestion des cookies. Si ce champ n’est pas renseigné, les boutons et liens associés n’apparaîtront pas dans la bannière. | |
Politique cookies | URL de la page présentant les services tiers utilisés et nécessitant le dépôt de cookies, en justifiant notamment la raison de leur utilisation. Cette URL est accessible depuis le panneau de gestion des cookies, via le lien “En savoir plus” présent en-dessous de chaque service listé. Si ce champ n’est pas renseigné, les liens “En savoir plus” mèneront vers les pages dédiées aux services ciblés sur le site officiel de Tarteaucitron. | |
Nom du cookie (facultatif) | Libellé alphanumérique ; identifiant du cookie enregistrant les préférences des utilisateurs vis-à-vis de tous les services déclarés, tel qu'il sera enregistré dans le navigateur des utilisateurs. Si aucune valeur n’est renseignée dans ce champ, le cookie s’appelera “tarteaucitron”. | CookieEntreprise |
Domaine (facultatif) | Domaine sur lequel s'applique le cookie de préférences généré. Attention, le protocole (http, https…) ne fait pas partie du domaine d’un site web. Si aucune valeur n’est renseignée dans ce champ, le cookie sera spécifique au site web pour lequel il aura été généré. | .fairandsmart.tech |
Durée de validité du cookie | Nombre entier indiquant la durée de validité du cookie en mois, entre 1 et 13. | 13 |
Hashtag (facultatif) | Identificateur de fragment URL permettant de gérer l'affichage du panneau de configuration des cookies via d’autres boutons que ceux gérés par Tarteaucitron. Dans ce cas, utilisez le code Javascript : document.location.hash = "#<votre hashtag>"; Si aucune valeur n’est renseignée dans ce champ, le hashtag sera “#tarteaucitron”. | cookies-preferences |
Utiliser la langue du navigateur / Utiliser une langue spécifique | Le premier choix permet au bandeau de cookies d’apparaître dans la langue du navigateur de l’utilisateur si celle-ci fait partie de la trentaine de langues gérées par Tarteaucitron, ou par défaut en anglais. Le second choix permet de forcer l’affichage du bandeau dans une langue précise, quelle que soit la langue du navigateur de l’utilisateur. | |
Langues | Cases à cocher déterminant les langues dans lesquelles vous pourrez personnaliser les textes du bandeau. Si vous avez sélectionné ci-dessus “Utiliser une langue spécifique”, vous ne pourrez sélectionner qu’une seule langue dans ce champ, qui sera celle dans laquelle le bandeau apparaîtra à tous les utilisateurs. | Français, Anglais |
Afficher une alerte si un bloqueur de publicités est détecté | Certains bloqueurs de publicité peuvent empêcher le bandeau et le panneau de configuration de cookies d'apparaître. Les cookies sont tous considérés comme refusés par défaut. | Coché / non coché |
Prendre en compte les requêtes "Interdire le suivi" | Ces requêtes permettent aux navigateurs de refuser par défaut tous les cookies non obligatoires, sans même faire apparaître le bandeau informatif. | Coché / non coché |
Indiquer la présence de cookies essentiels | Cette case doit être cochée si votre site dépose des cookies nécessaires à son bon fonctionnement et ne pouvant donc pas être refusés. | Coché / non coché |
Lister les cookies | Lorsqu'un utilisateur définit ses préférences de cookies, un bouton apparaît en bas à droite de votre site pour lui donner accès facilement au panneau de configuration des cookies, s'il désire modifier ses réponses. Si cette case est cochée, ce bouton est accompagné d'un second bouton permettant de faire apparaître la liste des cookies associés à votre site, chacun étant muni d'un bouton pour l'effacer. | Coché / non coché |
Section “Services externes”
Si vous n’avez sélectionné aucun service, le bandeau d’information et le panneau de gestion des cookies n’apparaîtront pas dans la prévisualisation ni sur votre site.
Pour accéder à la documentation des services disponibles, cliquez ici : Liste des services gérés
Section “Personnalisation du bandeau”
Vous pouvez choisir si le bandeau d’information sur les cookies doit apparaître discrètement en haut ou en bas de votre site (en suivant le défilement de la fenêtre) ou s’il doit apparaître en plein milieu.
Ensuite, pour chaque langue définie dans la section Informations, vous pouvez personnaliser certains textes :
Champ | Description |
|---|---|
Titre du message | Titre du bandeau. Ce champ n’est disponible que si le bandeau apparaît au milieu de la page. |
Contenu du message | Texte précédant les boutons dans le bandeau. |
Bouton “Tout accepter” | Bouton présent dans le bandeau et dans le panneau de gestion des cookies. |
Bouton “Tout refuser” | Bouton présent dans le bandeau et dans le panneau de gestion des cookies. |
Bouton “Personnaliser” | Bouton présent dans le bandeau, permettant d’afficher le panneau de gestion des cookies. |
Bouton “Gestion des services” | Bouton apparaissant en bas à droite de votre site web suite à la réponse de l’utilisateur vis-à-vis des cookies. Ce bouton lui permet de modifier ses réponses. |
Section “Style CSS”
Si la case “Personnaliser le CSS” n’est pas cochée, le style d’origine de Tarteaucitron sera chargé pour habiller le bandeau et le panneau de gestion des cookies.
Si elle est cochée, un champ de texte apparaît en-dessous, pré-rempli par le style d’origine de Tarteaucitron. Vous pouvez le modifier à votre guise pour donner un style différent au bandeau et au panneau de gestion des cookies sur votre site.