{"id":3238,"date":"2022-04-06T17:09:16","date_gmt":"2022-04-06T15:09:16","guid":{"rendered":"https:\/\/tooltipmedia.com\/?p=3238"},"modified":"2023-01-18T00:28:19","modified_gmt":"2023-01-17T23:28:19","slug":"installer-tarteaucitron-js-avec-wordpress","status":"publish","type":"post","link":"https:\/\/v1.tooltipmedia.com\/en\/blog\/creation-site-internet\/installer-tarteaucitron-js-avec-wordpress\/","title":{"rendered":"Installer tarteaucitron.js avec WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3238\" class=\"elementor elementor-3238\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5a3c10c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5a3c10c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;mountains&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" aria-hidden=\"true\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 100\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" opacity=\"0.33\" d=\"M473,67.3c-203.9,88.3-263.1-34-320.3,0C66,119.1,0,59.7,0,59.7V0h1000v59.7 c0,0-62.1,26.1-94.9,29.3c-32.8,3.3-62.8-12.3-75.8-22.1C806,49.6,745.3,8.7,694.9,4.7S492.4,59,473,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" opacity=\"0.66\" d=\"M734,67.3c-45.5,0-77.2-23.2-129.1-39.1c-28.6-8.7-150.3-10.1-254,39.1 s-91.7-34.4-149.2,0C115.7,118.3,0,39.8,0,39.8V0h1000v36.5c0,0-28.2-18.5-92.1-18.5C810.2,18.1,775.7,67.3,734,67.3z\"\/>\n\t<path class=\"elementor-shape-fill\" d=\"M766.1,28.9c-200-57.5-266,65.5-395.1,19.5C242,1.8,242,5.4,184.8,20.6C128,35.8,132.3,44.9,89.9,52.5C28.6,63.7,0,0,0,0 h1000c0,0-9.9,40.9-83.6,48.1S829.6,47,766.1,28.9z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ededb9a\" data-id=\"ededb9a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62f64da elementor-widget elementor-widget-heading\" data-id=\"62f64da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Comment installer tarteaucitron.js avec WordPress et pourquoi utiliser cette libraire.\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e71e50f elementor-widget elementor-widget-text-editor\" data-id=\"e71e50f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mis \u00e0 jour le 06 Avril 2022\u00a0<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1969698\" data-id=\"1969698\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-cebfad8 elementor-reverse-tablet elementor-reverse-mobile elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cebfad8\" data-element_type=\"section\" data-e-type=\"section\" id=\"tt-blog-content\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8cb4567\" data-id=\"8cb4567\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-209ea85 elementor-widget elementor-widget-image\" data-id=\"209ea85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"780\" height=\"450\" src=\"https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/tutoriel-comment-installer-tarteaucitron.js-avec-wordpress-et-pourquoi-utiliser-tarteaucitron.webp\" class=\"attachment-large size-large wp-image-3263\" alt=\"\" srcset=\"https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/tutoriel-comment-installer-tarteaucitron.js-avec-wordpress-et-pourquoi-utiliser-tarteaucitron.webp 780w, https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/tutoriel-comment-installer-tarteaucitron.js-avec-wordpress-et-pourquoi-utiliser-tarteaucitron-300x173.webp 300w, https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/tutoriel-comment-installer-tarteaucitron.js-avec-wordpress-et-pourquoi-utiliser-tarteaucitron-768x443.webp 768w\" sizes=\"(max-width: 780px) 100vw, 780px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5028d08 elementor-widget elementor-widget-text-editor\" data-id=\"5028d08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Comment installer tarteaucitron.js sans plugins et totalement gratuit avec WordPress.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-663d7e0 elementor-widget elementor-widget-text-editor\" data-id=\"663d7e0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Aujourd\u2019hui nous allons voir comment installer l\u2019outil gratuit\u00a0<strong>tarteaucitron.js<\/strong>\u00a0pour assurer la conformit\u00e9\u00a0<strong>RGPD<\/strong>\u00a0de notre site internet et des sites de nos clients.<\/p><p>Pour aller directement aux \u00e9tapes d\u2019installation\u00a0<a href=\"#tuto-part\">cliquez ici.<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3802d11 elementor-widget elementor-widget-heading\" data-id=\"3802d11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comment installer tarteaucitron.js avec WordPress et pourquoi utiliser cette libraire.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3361fd5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"3361fd5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c4fb66 elementor-widget elementor-widget-text-editor\" data-id=\"4c4fb66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>En r\u00e9alisant le site internet de notre agence (<a href=\"https:\/\/v1.tooltipmedia.com\/\">Tooltip Media<\/a>), je me suis rendu compte d\u2019un probl\u00e8me quand j\u2019ai essay\u00e9 certains plugins RGPD et cookies :<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-27335b8 elementor-widget elementor-widget-text-editor\" data-id=\"27335b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">J\u2019avais install\u00e9 l\u2019extension Chrome \u201cGoogle Tag Assistant\u201d pour v\u00e9rifier que mon code <strong>GA<\/strong> (GA : Google Analytics) s\u2019activait bien. Et surtout qu\u2019il s\u2019activait bien quand un visiteur cliquait sur \u201c<span style=\"text-decoration: underline;\">J\u2019accepte les cookies<\/span>\u201d.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7340903 elementor-widget elementor-widget-text-editor\" data-id=\"7340903\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Mais \u00e0 ma surprise quand on faisait click sur \u201cJ\u2019accepte les cookies\u201d le code Analytics ne chargeait pas directement. Il chargeait seulement apr\u00e8s que l\u2019utilisateur changeait de page.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9066550 elementor-align-left elementor-widget elementor-widget-lottie\" data-id=\"9066550\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;source_json&quot;:{&quot;url&quot;:&quot;https:\\\/\\\/v1.tooltipmedia.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/decu-des-plugins-wordpress-rgpd-et-cookies.lottie.json&quot;,&quot;id&quot;:3298,&quot;size&quot;:&quot;&quot;,&quot;alt&quot;:&quot;&quot;,&quot;source&quot;:&quot;library&quot;},&quot;viewport&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:85}},&quot;loop&quot;:&quot;yes&quot;,&quot;lazyload&quot;:&quot;yes&quot;,&quot;source&quot;:&quot;media_file&quot;,&quot;caption_source&quot;:&quot;none&quot;,&quot;link_to&quot;:&quot;none&quot;,&quot;trigger&quot;:&quot;arriving_to_viewport&quot;,&quot;play_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1,&quot;sizes&quot;:[]},&quot;start_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:0,&quot;sizes&quot;:[]},&quot;end_point&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:100,&quot;sizes&quot;:[]},&quot;renderer&quot;:&quot;svg&quot;}\" data-widget_type=\"lottie.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"e-lottie__container\"><div class=\"e-lottie__animation\"><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb61b4b elementor-widget elementor-widget-text-editor\" data-id=\"eb61b4b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Ce qui n\u2019est pas id\u00e9al car <strong>on perd des donn\u00e9es.<\/strong><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-337475f elementor-widget elementor-widget-text-editor\" data-id=\"337475f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Une solution est forcer le rechargement de la page apr\u00e8s le consentement de l\u2019utilisateur mais il y a deux probl\u00e8mes :<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d03ead elementor-widget elementor-widget-text-editor\" data-id=\"4d03ead\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Niveau <strong>exp\u00e9rience utilisateur<\/strong> ce n\u2019est pas ouf \ud83d\ude15<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Les<strong> donn\u00e9es de Google Analytics sont fauss\u00e9s<\/strong>, en rechargeant la page, l\u2019utilisateur provient d\u2019une source directe (comme s\u2019il avait tap\u00e9 directement votre adresse internet <\/span><a href=\"http:\/\/www.monsite.com\" rel=\"noopener\"><span style=\"font-weight: 400;\">www.monsite.com<\/span><\/a><span style=\"font-weight: 400;\">) alors que ce n\u2019est pas forc\u00e9ment le cas.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf05b08 elementor-widget elementor-widget-text-editor\" data-id=\"cf05b08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">J\u2019ai essay\u00e9 d\u2019autres plugins mais toujours pareil et j\u2019ai finis par trouver une solution : <\/span><b>tarteaucitron.js<\/b><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c3df4d elementor-widget elementor-widget-text-editor\" data-id=\"4c3df4d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>PS : Aujourd&rsquo;hui, les plugins ont \u00e9volu\u00e9 et il y a des meilleurs solutions qui r\u00e9solvent ce probl\u00e8me. Sinon, de notre c\u00f4t\u00e9 on utilise une autre solution qui s&rsquo;appelle Klaro.js, je ferai un autre tutoriel si des gens sont int\u00e9ress\u00e9s.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ac66df elementor-widget elementor-widget-image\" data-id=\"0ac66df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/logo-extension-rgpd-tarteaucitron-300x300-1.webp\" class=\"attachment-large size-large wp-image-3302\" alt=\"\" srcset=\"https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/logo-extension-rgpd-tarteaucitron-300x300-1.webp 300w, https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/logo-extension-rgpd-tarteaucitron-300x300-1-150x150.webp 150w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e06f0de elementor-widget elementor-widget-text-editor\" data-id=\"e06f0de\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\"><span style=\"text-decoration: underline;\">J<\/span>e ne fais pas de la pub<\/span> pour cet outil, je sais qu\u2019il y a une version payante mais dans ce tutoriel nous allons utiliser la librairie JavaScript de tarteaucitron, <\/span><span style=\"font-weight: 400;\">elle par contre, est <span style=\"text-decoration: underline;\"><strong>gratuite<\/strong><\/span>.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1682063 elementor-widget elementor-widget-heading\" data-id=\"1682063\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"tuto-part\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Comment installer tarteaucitron.js sur votre site WordPress ?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-66daff6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"66daff6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b1d8954 elementor-widget elementor-widget-text-editor\" data-id=\"b1d8954\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><span style=\"text-decoration: underline;\">Pr\u00e9requis :<\/span> Vous devez savoir localiser le fichier \u201cfunctions.php\u201d de votre th\u00e8me actuel (ou th\u00e8me enfant) et savoir l\u2019ouvrir car nous allons le modifier !<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf00d10 elementor-widget elementor-widget-heading\" data-id=\"bf00d10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">1. T\u00e9l\u00e9charger tarteaucitron.js depuis le site officiel\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-093e7f2 elementor-widget elementor-widget-text-editor\" data-id=\"093e7f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><a href=\"https:\/\/opt-out.ferank.eu\/fr\/install\/\" rel=\"noopener\">https:\/\/opt-out.ferank.eu\/fr\/install\/<\/a><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61121eb elementor-widget elementor-widget-text-editor\" data-id=\"61121eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Pour t\u00e9l\u00e9charger cliquez sur le lien ci-dessus et ensuite :<\/p><ul><li>Cliquez sur \u00ab\u00a0<span style=\"text-decoration: underline;\">Installation manuelle et gratuite\u00a0\u00bb<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cliquez sur <span style=\"text-decoration: underline;\">Github<\/span><\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ensuite t\u00e9l\u00e9chargez les fichiers cliquant sur \u201c<span style=\"text-decoration: underline;\">Source code (zip)<\/span>\u201d<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5f3e37 elementor-widget elementor-widget-image\" data-id=\"c5f3e37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"587\" src=\"https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/installation-tarteaucitron.js-avec-WordPress-github.webp\" class=\"attachment-large size-large wp-image-3306\" alt=\"\" srcset=\"https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/installation-tarteaucitron.js-avec-WordPress-github.webp 805w, https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/installation-tarteaucitron.js-avec-WordPress-github-300x220.webp 300w, https:\/\/v1.tooltipmedia.com\/wp-content\/uploads\/2022\/04\/installation-tarteaucitron.js-avec-WordPress-github-768x564.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-691bbc6 elementor-widget elementor-widget-text-editor\" data-id=\"691bbc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><span style=\"font-weight: 400;\">D\u00e9compresser les fichiers \u00e0 l\u2019aide de 7Zip, winrar ou autre logiciel.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5acdff2 elementor-widget elementor-widget-heading\" data-id=\"5acdff2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">2. Uploader le dossier tarteaucitron.js dans votre serveur\n<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b4c9b4e elementor-widget elementor-widget-text-editor\" data-id=\"b4c9b4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Maintenant nous allons nous connecter \u00e0 notre serveur et <span style=\"text-decoration: underline;\">uploader tarteaucitron.js.<\/span><\/span><\/p><p><span style=\"font-weight: 400;\">Personnellement moi j\u2019ai ajout\u00e9 le dossier tarteaucitron ici : <\/span><span style=\"font-weight: 400;\"><br \/><\/span><strong>\u201c\/wp-content\/themes\/[MON THEME]\/inc\/tarteaucitron\/\u201d<\/strong><\/p><p><span style=\"font-weight: 400;\">Une fois que le dossier est dans votre serveur, il faut toucher au code !<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cf43984 elementor-widget elementor-widget-heading\" data-id=\"cf43984\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">3. Ajouter ce code dans votre fichier \u201cfunctions.php\u201d<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9b0570 elementor-widget elementor-widget-text-editor\" data-id=\"a9b0570\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Ouvrez le fichier \u201c<strong>functions.php<\/strong>\u201d de votre th\u00e8me actuel et ajoutez ce code \u00e0 la fin du fichier :<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-320da5e elementor-widget elementor-widget-code-highlight\" data-id=\"320da5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"code-highlight.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"prismjs-okaidia copy-to-clipboard \">\n\t\t\t<pre data-line=\"\" class=\"highlight-height language-php line-numbers\">\n\t\t\t\t<code readonly=\"true\" class=\"language-php\">\n\t\t\t\t\t<xmp>\n\/**\n * Initialize tarteaucitron \n *\/\nfunction tarteaucitron_init() {\n    ?>\n    <script src=\"<?= get_stylesheet_directory_uri() ?>\/lib\/tarteaucitron\/tarteaucitron.js\"><\/script>\n    <script type=\"text\/javascript\">\n        tarteaucitron.init({\n          \"privacyUrl\": \"\", \/* Privacy policy url *\/\n          \"hashtag\": \"#tarteaucitron\", \/* Open the panel with this hashtag *\/\n          \"cookieName\": \"tartaucitron\", \/* Cookie name *\/\n          \"orientation\": \"bottom\", \/* Banner position (top - bottom) *\/\n          \"showAlertSmall\": true, \/* Show the small banner on bottom right *\/\n          \"cookieslist\": false, \/* Show the cookie list *\/\n          \"adblocker\": false, \/* Show a Warning if an adblocker is detected *\/\n          \"AcceptAllCta\" : true, \/* Show the accept all button when highPrivacy on *\/\n          \"highPrivacy\": true, \/* Disable auto consent *\/\n          \"handleBrowserDNTRequest\": false, \/* If Do Not Track == 1, accept all *\/\n          \"removeCredit\": false, \/* Remove credit link *\/\n          \"moreInfoLink\": false, \/* Show more info link *\/\n        });\n    <\/script>\n    <?php\n}    \nadd_action('wp_head', 'tarteaucitron_init');\n\n\n\/**\n * Add GOOGLE TAG MANAGER and other services using tarteaucitron\n *\/\nfunction add_tarteaucitron_services()\n{\n?>\n    <script type=\"text\/javascript\">\n        tarteaucitron.user.googletagmanagerId = 'GTM-XXXXXX';\n        (tarteaucitron.job = tarteaucitron.job || []).push('googletagmanager');\n    <\/script>\n<?\n}\nadd_action('wp_footer', 'add_tarteaucitron_services');\n<\/xmp>\n\t\t\t\t<\/code>\n\t\t\t<\/pre>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-86e220c elementor-widget elementor-widget-text-editor\" data-id=\"86e220c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Dans ce code il y a deux fonctions :\u00a0<\/span><\/p><ul><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Une <strong>fonction<\/strong> pour <span style=\"text-decoration: underline;\">ajouter la librairie tarteaucitron.js<\/span> et initialiser les param\u00e8tres. Vous pouvez d\u2019ailleurs changer les param\u00e8tres selon le r\u00e9sultat que vous voulez.<\/span><\/li><li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Une <strong>deuxi\u00e8me fonction<\/strong> pour ajouter <span style=\"text-decoration: underline;\">les services<\/span>. Les services sont les codes <span style=\"text-decoration: underline;\">Google Analytics<\/span>, <span style=\"text-decoration: underline;\">Google Tag Manager<\/span>, <span style=\"text-decoration: underline;\">HubSpot<\/span> etc. <strong>Dans cet example,<\/strong> il y a seulement le service Google Tag Manager.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2c504be elementor-widget elementor-widget-text-editor\" data-id=\"2c504be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Vous pouvez trouver toutes les autres services dans le site internet officiel :<\/span><\/p><p><a href=\"https:\/\/opt-out.ferank.eu\/fr\/install\/\" rel=\"noopener\"><span style=\"font-weight: 400;\">https:\/\/opt-out.ferank.eu\/fr\/install\/<\/span><\/a><\/p><p><span style=\"font-weight: 400;\">Les services sont dans la derni\u00e8re page de l\u2019installation.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6e41945 elementor-widget elementor-widget-heading\" data-id=\"6e41945\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Erreurs connus :<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ea9b297 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"ea9b297\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-78534d1 elementor-widget elementor-widget-text-editor\" data-id=\"78534d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><strong>Erreur dans la console : \u00ab\u00a0tarteaucitron not defined\u00a0\u00bb.<\/strong><\/p><p>Si vous avez l&rsquo;erreur dans la console JavaScript, \u00ab\u00a0<span style=\"text-decoration: underline;\">tarteaucitron not defined<\/span>\u00ab\u00a0. C&rsquo;est s\u00fbrement d\u00fb \u00e0 un plugin d\u2019optimisation (c&rsquo;\u00e9tait mon cas avec autoptimize\ud83d\ude0b)<\/p><p>Assurez vous d&rsquo;exclure le fichier \u00ab\u00a0tarteaucitron.js\u00a0\u00bb dans votre <strong>plugin d&rsquo;optimisation.<\/strong><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dec67a4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"dec67a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b64814 elementor-widget elementor-widget-text-editor\" data-id=\"5b64814\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\"><strong>Voil\u00e0 ! Vous avez r\u00e9ussi !<\/strong> \ud83c\udf89<\/span><\/p><p><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">Normalement vous allez voir la fen\u00eatre RGPD qui va appara\u00eetre sur votre site Internet avec toutes les options que vous avez choisi.<\/span><\/p><p><span style=\"font-weight: 400;\">Vous pouvez modifier les couleurs de la fen\u00eatre, la taille, la police etc. depuis le fichier <strong>\/tarteaucitron\/css\/tarteaucitron.css.<\/strong><\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-cbb24d1\" data-id=\"cbb24d1\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-20a9d20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"20a9d20\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cc1e3de\" data-id=\"cc1e3de\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-921bdf5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"921bdf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aujourd\u2019hui nous allons voir comment installer l\u2019outil gratuit tarteaucitron.js pour assurer la conformit\u00e9 RGPD de notre site internet et des sites de nos clients.<\/p>\n<p>Pour aller directement aux \u00e9tapes d\u2019installation cliquez ici.<\/p>","protected":false},"author":1,"featured_media":3263,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12],"tags":[],"class_list":["post-3238","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creation-site-internet"],"_links":{"self":[{"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/posts\/3238","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/comments?post=3238"}],"version-history":[{"count":0,"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/posts\/3238\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/media\/3263"}],"wp:attachment":[{"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/media?parent=3238"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/categories?post=3238"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/v1.tooltipmedia.com\/en\/wp-json\/wp\/v2\/tags?post=3238"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}