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.
...
Cliquer sur Cookies Consents ;
...
| Info |
|---|
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 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 ;
...
Une fois la configuration enregistrée une première fois, une section Balises Code à intégrer dans votre le HTML cible 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 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 ;
obsolète : il s’agit des balises qui étaient disponibles avant la version 3.0 du backoffice, indiquée à titre indicatif mais à ne plus utiliser et remplacer au plus tôt par une des versions précédentes (voir Procédure de migration des configurations cookies legacy à ce sujet) ;
Le bouton à côté des sous-titre Intégration permet de copier dans votre presse-papier l’intégralité des trois balises. Il est conseillé de placer ces balises en 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 ;
...
| Info |
|---|
Si une page appelait le code correspondant à la configuration supprimée, aucune bannière ou message ne s'affichera sur celle-ci. |
Upgrader une configuration
| Info |
|---|
cette action n’est disponible que si la configuration est éligible à une mise à jour. |
| Note |
|---|
si vous utilisez les URLS obsolètes (configurations créées avec le backoffice en v2.x) , assurez de basculer sur les nouvelle avant toute opération d’upgrade, voir Procédure de migration des configurations cookies legacy à ce sujet. |
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 ;
Cliquez 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 ;
Détail des sections
Section “Informations”
...
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.techcom | ||
Durée de validité du cookie | Nombre entier indiquant la durée de validité du cookie en mois, entre 1 et 13. | 13 | ||
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. Dans ce cas, utilisez le code Javascript :
Si aucune valeur n’est renseignée dans ce champ, l’identificateur de fragment 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 | ||
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.Coché / non coché | |||
Prendre en compte les requêtes "« Interdire le suivi "Ces requêtes permettent aux navigateurs de refuser par défaut » | 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. | 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' |
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 :
Le code est également disponible en HTML dans l’encart Intégration HTML:
| cookies-preferences | ||||||||||
Afficher un bouton textuel | Permet à l’utilisateur de pouvoir modifier ses souhaits en cliquant sur un bouton flottant qui reste affiché en bas à droite. Si activé, il est possible via “Lister les cookies à côté du bouton textuel” 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.Coché / non coché. 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 l’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 textuelle. L’icône peut être personnalisée via un lien HTML. |   |
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.
| Note |
|---|
dans ce cas l’injection des traceurs selon les souhaits de l’utilisateur est à votre charge, en interprétant le contenu du cookie contenant les choix. |
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.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 “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 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
...
“Thème”
Il est possible de personnaliser l’emplacement d’apparition du bandeau cookie. Ce bandeau apparait 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 switch “accepter / refuser” en cochant la case “Utiliser des boutons switchs”.
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.
...