Gérer des configurations de cookies
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 preuve de ces consentements et de leur validité doit être conservé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 ;
La colonne “Mise à jour” (backoffice v3.0+) vous indique si la configuration bénéficie d’une nouvelle version déployable.
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 Actions de l’utilisateur, vous pouvez définir la présence et l’aspect des boutons permettant aux utilisateurs de revenir sur leurs décisions en matière de cookies après leur première réponse ;
Dans le panel Personnalisation du contenu, vous pouvez forcer l’affichage d’une langue spécifique et définir certains textes du bandeau et du panneau de configuration (titre, libellés des boutons, description des catégories de services…) ;
Dans le panel Thème, vous pouvez définir l’aspect du bandeau de cookies et des boutons, et plus généralement remplacer le style par défaut ;
A tout moment, vous pouvez 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 Code à intégrer dans le HTML cible apparaît à droite.
Elle contient trois variantes de code à intégrer au site cible :
Dynamique : les modifications de la configuration de cookies sont dynamiquement répercutées sur le site concerné sans nécessité de changer le code d’intégration, avec l’inconvénient de ne pas pouvoir proposer de somme de contrôle du script du fait de sa volatilité d’une modification à l’autre ;
Statique : les modifications de la configuration de cookies nécessitent de mettre à jour manuellement la balise sur le site concerné à chaque modification, avec l’avantage pour l’utilisateur final d'être assuré de l’intégrité de l’applicatif via une somme de contrôle ;
Dépréciée : il s’agit des balises qui étaient disponibles avant la version 3.0 du backoffice, présentées à titre indicatif mais à ne plus utiliser et remplacer au plus tôt par une des versions ci-dessus (voir Mise à jour des configurations cookies de 1.8.4 à 1.9.1.1 à ce sujet) ;
Le bouton à côté des sous-titres Intégration permet de copier dans votre presse-papier l’intégralité des balises.
Ce code vient en remplacement des scripts existants : si vous conservez les anciens scripts, non seulement ils seront chargés indépendamment des souhaits de l’utilisateur, mais ils le seront parfois en double.
Il est conseillé de placer ces balises au plus 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 ;
Upgrader 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 ;
Cliquer sur Mettre à jour dans l’encart Actions en haut à droite ;
Avant de poursuivre, assurez-vous que le comportement de l’applicatif est conforme en utilisant la prévisualisation, et ajustez si nécessaire.
Pour enregistrer la mise à jour, cliquer sur Enregistrer ;
Gestion des cas “Impossible de charger le service XXX”
Si après mise à jour l’erreur suivante apparait :
(ici pour Google Analytics, mais c’est valable pour tout service), il suffit généralement d’ajouter à nouveau le service :
puis de supprimer celui en erreur :
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. | Ma configuration |
Description de la configuration | Description de la configuration dans le backoffice. | Description de ma configuration |
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.com |
Durée de validité du cookie | Nombre entier indiquant la durée de validité du cookie en mois, entre 1 et 13. | 13 |
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. |
|
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. |
|
Prendre en compte les requêtes « Interdire le suivi » | Si le navigateur de l’utilisateur est en mode DNT (Do Not Trace : interdire le suivi), tous les cookies non obligatoires sont refusés par défaut, sans même faire apparaître le bandeau informatif. |
|
Section “Services externes”
Par défaut, Tarteaucitron gère le lancement ou le blocage des services déclarés, en fonction des choix de l’utilisateur (bouton ”Laisser l’outil gérer les services”) . Cependant, vous pouvez choisir de gérer vous-même les services (bouton ”Gérer moi-même les services”) : le panneau de gestion des cookies n'aura alors plus qu'un rôle informatif et la solution ne gèrera que le cookie enregistrant les préférences de l'utilisateur.
Pour accéder à la documentation des services disponibles, cliquez ici : Guide des services gérés
Il est possible de regrouper les services par catégories en cochant la case idoine, de manière à proposer à l’utilisateur d’accepter ou refuser globalement une catégorie :
Section “Actions de l’utilisateur”
Les paramètres suivants peuvent être renseignés :
Paramètre | Description | Exemple |
|---|---|---|
Identificateur de fragment (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. Si aucune valeur n’est renseignée dans ce champ, l’identificateur de fragment sera “#cookies-preferences”. Puis utilisez le code Javascript rappelé dans l’encart Intégration Javascript : document.location.hash = "#<votre hashtag>";Le code est également disponible en HTML dans l’encart Intégration HTML: <a href="#<votre hashtag>">Cookies</a> | cookies-preferences |
N’afficher aucun bouton | Aucun bouton ne sera rajouté à votre site pour permettre à l’utilisateur de modifier ses préférences en matière de cookies. Vous pouvez utiliser l’identificateur de fragment ci-dessus pour créer vos propres boutons et les intégrer à votre convenance, par exemple dans votre footer. |
|
Afficher un bouton textuel | Permet à l’utilisateur de pouvoir modifier ses souhaits en cliquant sur un bouton flottant qui reste affiché en bas à droite du site. Si activé, il est possible via “Comptabiliser et lister au clic les cookies” d’indiquer le nombre de cookies créés par les traceurs acceptés via 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. Dans le cas où le panneau de contrôle est intégré via un lien HTML, par exemple sous la forme d’une lien dans le pied de page, désactiver son affichage permet d’alléger la charge visuelle. | |
Afficher un bouton sous forme d'icône | Permet de proposer une icône en remplacement du bouton textuel. Vous pouvez choisir de l’afficher dans l’un des quatre coins de votre site. L’icône par défaut ci-contre peut être personnalisée via un lien HTML. |
|
Section “Personnalisation du contenu”
Les paramètres suivants peuvent être renseignés :
Paramètre | Description | Exemple |
|---|---|---|
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 |
Ensuite, pour chaque langue sélectionnée, vous pouvez personnaliser certains textes :
Champ | Description |
|---|---|
Titre du bandeau | Titre du bandeau accueillant les utilisateurs. Disponible uniquement si l’orientation choisie pour le bandeau est “Au centre” ou “Popup”. |
Message du bandeau | 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 “Politique de confidentialité” | Bouton présent dans le bandeau et dans le panneau de gestion des cookies permettant à l’utilisateur de consulter votre politique de confidentialité. Ce champ n’est disponible que si vous avez saisi un lien vers votre politique de confidentialité. |
Bouton “Gérer les préférences” | Bouton textuel 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. Ce champ n’est disponible que si vous choisissez d’afficher ledit bouton. |
Titre du panneau | Titre du panneau de gestion des cookies. |
Message du panneau | Message introductif du panneau de gestion des cookies. Afin d'établir une relation de confiance avec les utilisateurs, il est recommandé d’indiquer la durée de conservation de leurs réponses : vous pouvez faire apparaître cette donnée (en mois) à l’aide du mot-clé “{{duration}}”, qui sera remplacé dans le panneau par la durée de conservation saisie dans la section Informations. |
Titre de la catégorie “Cookies obligatoires” | Ce titre n’apparaît que si vous avez coché la case correspondante dans la section Informations et si vous n’avez pas opté pour le regroupement des services par catégories dans la section Services externes. |
Description de la catégorie “Cookies obligatoires” | Ce texte n’apparaît que si vous avez coché la case correspondante dans la section Informations. |
Titre de la catégorie “Régies publicitaires” |
|
Description de la catégorie “Régies publicitaires” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Titre de la catégorie “Mesure d’audience” |
|
Description de la catégorie “Mesure d’audience” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Titre de la catégorie “Réseaux sociaux” |
|
Description de la catégorie “Réseaux sociaux” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Titre de la catégorie “Vidéos” |
|
Description de la catégorie “Vidéos” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Titre de la catégorie “Commentaires” |
|
Description de la catégorie “Commentaires” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Titre de la catégorie “Support” |
|
Description de la catégorie “Support” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Titre de la catégorie “APIs” |
|
Description de la catégorie “APIs” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Titre de la catégorie “Autre” |
|
Description de la catégorie “Autre” | Ce texte n’apparaît que si vous avez opté pour le regroupement des services par catégories dans la section Services externes. |
Section “Thème”
Il est possible de personnaliser l’emplacement d’apparition du bandeau cookie selon quatre orientations : en haut du site, en bas du site, en plein centre ou en bas à gauche (“popup”). Ce bandeau apparaît si l’utilisateur n’a pas fait de choix et n’a pas activé le DNT.
Il est possible de remplacer les boutons “accepter” / “refuser” des traceurs par des switchs “accepter / refuser” en cochant la case “Utiliser des boutons switchs”. Ces boutons ont un état initial “indéterminé”, permettant à l’utilisateur d’exprimer clairement son choix en acceptant ou refusant les cookies de chaque service.
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.
Un bouton au-dessous vous permettra de récupérer à nouveau le style d’origine de Tarteaucitron si nécessaire, par exemple si une montée de version présente des écarts trop importants avec votre style personnalisé.
Pour aller plus loin