1. COMMENT FONCTIONNE TARTEAUCITRON
Tarteaucitron est le service qui permet de personnaliser les cookies sur un site.
Quand vous arrivez sur un site qui utilise ce service vous verrez en bas de votre navigateur un bandeau cookie qui vous dit ceci :
« En poursuivant votre navigation, vous acceptez l’utilisation de cookies pour réaliser des statistiques de visites et vous proposer des publicités ciblées adaptés à vos centres d’intérêts. »
Vous avez le choix de tout accepter avec le bouton « OK, tout accepter ».
Ou bien vous pouvez personnaliser les cookies en cliquant sur le bouton « Personnaliser ».
Par exemple sur un site, voici à quoi ressemble ce bandeau :
Quand vous cliquez sur le bouton « Personnaliser » vous arrivez sur la page de cookie du site.
Sur cette page, il y a l’explication de ce qu’est un cookie et la liste des cookies qui se trouve sur le site.
Cette page vous permet de paramétrer les cookies que vous voulez accepter ou non.
Par exemple sous Google Tag Manager, il y a un bouton « Gérer vos cookies ».
Lorsque vous cliquez sur ce bouton, une pop-up s’affiche et elle vous indique les cookies qui sont utilisés sur le site, ceux qui sont autorisés et ceux qui sont interdits.
Vous pouvez aussi cliquer sur les boutons « autoriser » pour les autoriser et sur les boutons « interdire » pour les interdire.
Voici à quoi ressemble la pop-up de gestion des cookies :
2. INSTALLATION DE TARTEAUCITRON
Pour installer tarteaucitron, veuillez prendre le dossier qui s’appelle tarteaucitron et le placer à la racine du site.
Exemple : 
3. PARAMETRER TARTEAUCITRON
Activation des services
Pour modifier les services qui s’active automatiquement de type Google Tag Manager il faut aller dans le fichier tarteaucitron.js à la ligne 1382 et remplacer ce qui est entre parenthèse et crochet par le nom du service désirés.
Exemple : tarteaucitron.admCookie(« googletagmanager »);
Si vous voulez rajouter d’autres services qui s’activent automatiquement, vous trouverez le nom de ces services dans le fichier tarteaucitron.services.js.
Il suffit de prendre la valeur de la variable « Key » et de l’ajouter à la suite.
Exemple si je veux rajouter Addthis :
tarteaucitron.admCookie(« googletagmanager,addthis »);
Customisation des boutons « OK, tout accepter » et « Personnaliser »
Il faut mettre les boutons de la même couleur que la charte du site sur lequel vous mettez le bandeau.
Pour cela, il faut aller dans le fichier CSS de tarteaucitron voici le chemin d’accès : tarteaucitron/css/tarteaucitron.css.
Puis à partir de la ligne 514 vous trouverez des commentaires qui vous indique le CSS à changer.
Exemple si je veux changer la couleur de fond du bouton « OK, tout accepter » :
Je change la couleur #f5a62e par la couleur que je veux.
4. MISE EN ROUTE DE TARTEAUCITRON
Maintenant que vous avez installé tarteaucitron, il faut l’afficher. Pour cela, vous devez prendre le fichier header.php du site. Par exemple sur WordPress, voici le chemin d’accès pour trouver ce fichier : wp-content/themes/dossier du theme/header.php.
Vous aller ajouter après la balise <head> ce bout de code :
<!– Tarteaucitron –>
<script type= »text/javascript » src= »/tarteaucitron/tarteaucitron.js »></script>
Exemple :
Ensuite vous devez chercher dans le fichier header.php tous les scripts des cookies qui sont utilisés et vous devez les supprimer.
Par exemple Google Tag Manager le script ressemble à cela :
Vous supprimez le script de Google Tag Manager, pour remplacer par le script de tarteaucitron. Vous devez le placer après le script qui appel tarteaucitron.
Exemple :
Si vous trouvez d’autres scripts de cookie, voici un site qui liste l’ensemble des cookies :
https://opt-out.ferank.eu/fr/install/
Ce site vous explique la marche à suivre pour installer les nouveaux cookies tarteaucitron.
Si votre site a déjà un bandeau de cookie, supprimez bien le code.
Il se peut aussi qu’il n’y ai pas de script de cookies à supprimer dans le fichier header.php mais qu’il y ai quand même des services de type Facebook ou LinkedIn etc…
Pour savoir si le site contient d’autres cookies, vous pouvez utiliser Google Chrome. Appuyer sur la touche F12 de votre clavier ou aller dans le menu de Google Chrome en cliquant sur les 3 petits points :
Un menu déroulant s’affiche. Aller ensuite dans « Plus d’outils » puis « Outils de développement » :
La barre à outils du navigateur apparaît, vous devez aller ensuite dans l’onglet « Application » :
Puis dans le menu à gauche aller sur « Storage » et ensuite dans l’onglet « Cookies » :
Ici vous verrez les cookies qui sont utilisés sur le site.
Si vous utilisez Mozilla, je vous conseille d’aller sur Google Chrome. Google Chrome affiche beaucoup plus de cookies que l’outil de développement de Mozilla.
5. METTRE A JOUR / FAIRE LA PAGE DE COOKIE
Maintenant que vous avez ajouté les nouveaux scripts de cookies de tarteaucitron, vous devez mettre à jour et ou faire la page de cookie.
Vous pouvez repartir de la page « cookies.html ».
Vous devez écrire sur la page cookie tous les cookies qui sont utilisés sur le site. Sur cette page il n’y a que Google Tag Manager, Youtube, Facebook et Tarteaucitron.
Pensez à mettre bien le lien suivant sur la page s’il n’y a pas de Google Tag Manager : <a class= »cookie-btn-page »>Gérer les cookies</a>
C’est ce lien qui permet aux internautes de choisir les cookies. Quand les internautes cliquent sur ce lien, la pop-up des cookies apparaît. Sans cela, il n’est pas possible de paramétrer les cookies.
Besoin d’aide pour développer votre site efficacement ?
Notre agence accompagne les entrepreneurs depuis plus de 10 ans sur des thématiques décisives comme le développement de leur site web ou leur référencement naturel.
Découvrez notre accompagnement en développement de site. Nous vous proposons une expertise en développement de site WordPress et une expertise en développement de site Prestashop.
Par ailleurs, vous avez besoin d’améliorer les positions et la visibilité de vos pages sur les moteurs de recherche ? Faites confiance à nos équipes SEO et profitez de notre accompagnement en Référencement naturel ! Contactez-nous sans plus attendre !
BOOSTEZ VOTRE ACTIVITÉ
GRÂCE AU MARKETING DIGITAL
Vous avez un projet ? Une envie ?
Articles similaires
S’abonner
0 Commentaires