{"id":2191,"date":"2024-05-02T19:44:33","date_gmt":"2024-05-02T17:44:33","guid":{"rendered":"https:\/\/trackboxx.com\/?post_type=helpcenter&#038;p=2191"},"modified":"2025-08-28T15:09:23","modified_gmt":"2025-08-28T13:09:23","slug":"integration-optout","status":"publish","type":"helpcenter","link":"https:\/\/trackboxx.com\/fr\/helpcenter\/integrierung-optout","title":{"rendered":"Int\u00e9gration Optout"},"content":{"rendered":"<div class=\"wp-block-stackable-icon-box stk-block-icon-box stk-block stk-1769608 stk-block-background\" data-v=\"2\" data-block-id=\"1769608\"><style>.stk-1769608 {background-color:#fcf8e3 !important;box-shadow:0 5px 5px 0 #123f5209 !important;border-style:solid !important;border-color:#f9f0c3 !important;border-left-width:8px !important;}.stk-1769608:before{background-color:#fcf8e3 !important;}<\/style><div class=\"stk-block-content stk-inner-blocks stk-block-icon-box__content stk-container stk-1769608-container stk--no-background stk--no-padding\">\n<div class=\"wp-block-stackable-icon-label stk-block-icon-label stk-block stk-15cfef8\" data-block-id=\"15cfef8\"><style>.stk-15cfef8 .stk-inner-blocks{gap:40px !important;}.stk-15cfef8 {margin-bottom:0px !important;}@media screen and (max-width: 1023px){.stk-15cfef8 .stk-inner-blocks{gap:40px !important;}}@media screen and (max-width: 767px){.stk-15cfef8 .stk-inner-blocks{gap:40px !important;}}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content\">\n<div class=\"wp-block-stackable-icon stk-block-icon has-text-align-left stk-block stk-ad0c7ec\" data-block-id=\"ad0c7ec\"><style>.stk-ad0c7ec .stk--svg-wrapper .stk--inner-svg svg:last-child{height:24px !important;width:24px !important;}.stk-ad0c7ec .stk--svg-wrapper .stk--inner-svg svg:last-child, .stk-ad0c7ec .stk--svg-wrapper .stk--inner-svg svg:last-child :is(g, path, rect, polygon, ellipse){fill:#fcb900 !important;}<\/style><span class=\"stk--svg-wrapper\"><div class=\"stk--inner-svg\"><svg style=\"height:0;width:0\"><defs><lineargradient id=\"linear-gradient-ad0c7ec\" x1=\"0\" x2=\"100%\" y1=\"0\" y2=\"0\"><stop offset=\"0%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-ad-0-c-7-ec-color-1)\"><\/stop><stop offset=\"100%\" style=\"stop-opacity:1;stop-color:var(--linear-gradient-ad-0-c-7-ec-color-2)\"><\/stop><\/lineargradient><\/defs><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewbox=\"0 0 512 512\" aria-hidden=\"true\" width=\"32\" height=\"32\"><path d=\"M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z\"><\/path><\/svg><\/div><\/span><\/div>\n\n\n\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-6dfbac1\" id=\"wichtig\" data-block-id=\"6dfbac1\"><h4 class=\"stk-block-heading__text\">Important<\/h4><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-7f19526\" data-block-id=\"7f19526\"><p class=\"stk-block-text__text\">Pour pouvoir utiliser l'opt-out, vous avez besoin de la derni\u00e8re version du Trackboxx Tracking script !<\/p><\/div>\n<\/div><\/div>\n\n\n\n<p>En raison du fonctionnement de Trackboxx, aucun optin n'est en principe n\u00e9cessaire.<\/p>\n\n\n\n<p>Nous souhaitons n\u00e9anmoins offrir \u00e0 nos clients la possibilit\u00e9 de proposer une fonction optout.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Br\u00e8ve explication - que signifie Optout dans notre cas ?<\/h2>\n\n\n\n<p>La fonction Optout vous permet d'afficher un \"interrupteur\/bouton\" via un petit script.<\/p>\n\n\n\n<p>Il est activ\u00e9 par d\u00e9faut. Cependant, si le visiteur du site web le d\u00e9sactive, ses visites ne seront plus suivies.<\/p>\n\n\n\n<p>Le client peut donc s'opposer au tracking sur le site web correspondant.<\/p>\n\n\n\n<p>Une fois int\u00e9gr\u00e9, le bouton se pr\u00e9sente comme suit :<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/trackboxx.com\/wp-content\/uploads\/2024\/05\/toogle-info-image.webp\"><img fetchpriority=\"high\" decoding=\"async\" width=\"777\" height=\"99\" src=\"https:\/\/trackboxx.com\/wp-content\/uploads\/2024\/05\/toogle-info-image.webp\" alt=\"\" class=\"wp-image-2192\" title=\"\" srcset=\"https:\/\/trackboxx.com\/wp-content\/uploads\/2024\/05\/toogle-info-image.webp 777w, https:\/\/trackboxx.com\/wp-content\/uploads\/2024\/05\/toogle-info-image-300x38.webp 300w, https:\/\/trackboxx.com\/wp-content\/uploads\/2024\/05\/toogle-info-image-768x98.webp 768w, https:\/\/trackboxx.com\/wp-content\/uploads\/2024\/05\/toogle-info-image-18x2.webp 18w\" sizes=\"(max-width: 777px) 100vw, 777px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Int\u00e9gration de l'opt-out<\/h2>\n\n\n\n<p class=\"translation-block\"><strong><em>En principe, le script correspondant \u00e0 l'optout se trouve d\u00e9j\u00e0 dans le mod\u00e8le de la d\u00e9claration de confidentialit\u00e9 de Trackboxx. Tu la trouveras <a href=\"https:\/\/trackboxx.com\/fr\/helpcenter\/dois-je-modifier-ma-declaration-de-confidentialite\/\" target=\"_blank\" rel=\"noopener\">Ici.<\/a><\/em><\/strong><\/p>\n\n\n\n<p><strong><em>N\u00e9anmoins, voici un aper\u00e7u de l'int\u00e9gration s\u00e9par\u00e9e du script.<\/em><\/strong><\/p>\n\n\n\n<p>Nous vous d\u00e9crivons ci-dessous deux mani\u00e8res d'int\u00e9grer l'optout dans votre site web. L'une enti\u00e8rement manuelle et l'autre via le plugin Trackboxx (actuellement disponible pour WordPress).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Option 1 - int\u00e9gration manuelle<\/h2>\n\n\n\n<p>Utilise le code suivant et adapte ici ton Tracking ID dans la premi\u00e8re \u00e9tape.<\/p>\n\n\n\n<p><strong><em>Tu peux les trouver en cliquant sur Param\u00e8tres (roue dent\u00e9e) &gt; Sites web dans le tableau de bord de Trackboxx. Apr\u00e8s les sites web cr\u00e9\u00e9s, tu trouveras le bouton \"Tracking Code\".<\/em><\/strong><\/p>\n\n\n\n<p><strong>Code :<\/strong><\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-1\" data-shcb-language-name=\"HTML, XML\" data-shcb-language-slug=\"xml\"><span><code class=\"hljs language-xml\"><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">label<\/span> <span class=\"hljs-attr\">classe<\/span>=<span class=\"hljs-string\">\"tb-switch\"<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">entr\u00e9e<\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"case \u00e0 cocher\"<\/span> <span class=\"hljs-attr\">domaine de donn\u00e9es<\/span>=<span class=\"hljs-string\">\"TB-XXXXXXXX\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"tbTrackingAllowed\" (suivi autoris\u00e9)<\/span> <span class=\"hljs-attr\">valeur<\/span>=<span class=\"hljs-string\">\"true\"<\/span>\/&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">classe<\/span>=<span class=\"hljs-string\">\"tb-slider tb-round\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">label<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"trackingStatus\"<\/span>&gt;<\/span>Autoriser le suivi<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">span<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script<\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"text\/javascript\"<\/span>&gt;<\/span><span class=\"javascript\">\n<span class=\"hljs-function\"><span class=\"hljs-keyword\">fonction<\/span> <span class=\"hljs-title\">tbInitTrackingCheckBox<\/span>(<span class=\"hljs-params\">id<\/span>) <\/span>{\n<span class=\"hljs-keyword\">var<\/span> checkBox = <span class=\"hljs-built_in\">document<\/span>.getElementById(id) ;\n<span class=\"hljs-keyword\">var<\/span> statusText = <span class=\"hljs-built_in\">document<\/span>.getElementById(<span class=\"hljs-string\">'trackingStatus' (statut de suivi)<\/span>) ;\ncheckBox.checked = trackboxxHelper.trackingEnabled() ;\nstatusText.textContent = checkBox.checked ? <span class=\"hljs-string\">'Les donn\u00e9es de mes visiteurs sont int\u00e9gr\u00e9es dans l'analyse web'.<\/span> : <span class=\"hljs-string\">'Les donn\u00e9es de mes visiteurs ne sont pas prises en compte dans l'analyse web'.<\/span>;\ncheckBox.onclick = <span class=\"hljs-function\"><span class=\"hljs-keyword\">fonction<\/span> (<span class=\"hljs-params\"><\/span>) <\/span>{\n<span class=\"hljs-keyword\">this<\/span>.checked ? trackboxxHelper.enableTracking() : trackboxxHelper.enableTracking(<span class=\"hljs-string\">'no<\/span>) ;\nstatusText.textContent = <span class=\"hljs-keyword\">this<\/span>.checked ? <span class=\"hljs-string\">'Les donn\u00e9es de mes visiteurs sont int\u00e9gr\u00e9es dans l'analyse web'.<\/span> : <span class=\"hljs-string\">'Les donn\u00e9es de mes visiteurs ne sont pas prises en compte dans l'analyse web'.<\/span>;\n};\n}\n<span class=\"hljs-built_in\">document<\/span>.addEventListener(<span class=\"hljs-string\">\"tbScriptLoaded\"<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">fonction<\/span> (<span class=\"hljs-params\"><\/span>) <\/span>{\ntbInitTrackingCheckBox(<span class=\"hljs-string\">'tbTrackingAllowed' (suivi autoris\u00e9)<\/span>);\n});\n<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">script<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Langage du code :<\/span> <span class=\"shcb-language__name\">HTML, XML<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">xml<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<p>Tu peux facilement int\u00e9grer cette section dans ta d\u00e9claration de confidentialit\u00e9 - de mani\u00e8re optimale comme extension de la d\u00e9claration de confidentialit\u00e9 de Trackboxx.<\/p>\n\n\n\n<p>Pour que le \"bouton toogle\" soit correctement repr\u00e9sent\u00e9 graphiquement, utilise le CSS suivant :<\/p>\n\n\n<pre class=\"wp-block-code\" aria-describedby=\"shcb-language-2\" data-shcb-language-name=\"CSS\" data-shcb-language-slug=\"css\"><span><code class=\"hljs language-css\"><span class=\"hljs-selector-class\">.tb-switch<\/span> {\n<span class=\"hljs-attribute\">position<\/span>: relatif ;\n<span class=\"hljs-attribute\">affichage<\/span>: inline-block ;\n<span class=\"hljs-attribute\">largeur<\/span>: <span class=\"hljs-number\">60px<\/span>;\n<span class=\"hljs-attribute\">height<\/span>: <span class=\"hljs-number\">34px<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* Hide default HTML checkbox *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-switch<\/span> <span class=\"hljs-selector-tag\">entr\u00e9e<\/span> {\n<span class=\"hljs-attribute\">opacit\u00e9<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">largeur<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">height<\/span>: <span class=\"hljs-number\">0<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* Le curseur *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-slider<\/span> {\n<span class=\"hljs-attribute\">position<\/span>: absolu ;\n<span class=\"hljs-attribute\">curseur<\/span>: pointeur ;\n<span class=\"hljs-attribute\">top<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">left<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">right<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">bottom<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">background-color<\/span>: <span class=\"hljs-number\">#ccc<\/span>;\n<span class=\"hljs-attribute\">-webkit-transition<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">transition<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-class\">.tb-slider<\/span><span class=\"hljs-selector-pseudo\">:before<\/span> {\n<span class=\"hljs-attribute\">position<\/span>: absolu ;\n<span class=\"hljs-attribute\">contenu<\/span>: <span class=\"hljs-string\">\"\"<\/span>;\n<span class=\"hljs-attribute\">height<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">largeur<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">left<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">bottom<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">background-color<\/span>: white ;\n<span class=\"hljs-attribute\">-webkit-transition<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">transition<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">entr\u00e9e<\/span><span class=\"hljs-selector-pseudo\">:checked<\/span> + <span class=\"hljs-selector-class\">.tb-slider<\/span> {\n<span class=\"hljs-attribute\">background-color<\/span>: <span class=\"hljs-number\">#2196F3<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">entr\u00e9e<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> + <span class=\"hljs-selector-class\">.tb-slider<\/span> {\n<span class=\"hljs-attribute\">box-shadow<\/span>: <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">0<\/span> <span class=\"hljs-number\">1px<\/span> <span class=\"hljs-number\">#2196F3<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">entr\u00e9e<\/span><span class=\"hljs-selector-pseudo\">:checked<\/span> + <span class=\"hljs-selector-class\">.tb-slider<\/span><span class=\"hljs-selector-pseudo\">:before<\/span> {\n<span class=\"hljs-attribute\">-webkit-transform<\/span>: <span class=\"hljs-built_in\">translateX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n<span class=\"hljs-attribute\">-ms-transform<\/span>: <span class=\"hljs-built_in\">translateX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n<span class=\"hljs-attribute\">transform<\/span>: <span class=\"hljs-built_in\">translateX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n}\n\n<span class=\"hljs-comment\">\/* Curseurs arrondis *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-slider<\/span><span class=\"hljs-selector-class\">.tb-round<\/span> {\n<span class=\"hljs-attribute\">border-radius<\/span>: <span class=\"hljs-number\">34px<\/span>;\n<span class=\"hljs-attribute\">margin-right<\/span>:<span class=\"hljs-number\">5px<\/span>;\n}\n\n<span class=\"hljs-selector-class\">.tb-slider<\/span><span class=\"hljs-selector-class\">.tb-round<\/span><span class=\"hljs-selector-pseudo\">:before<\/span> {\n<span class=\"hljs-attribute\">border-radius<\/span>: <span class=\"hljs-number\">50%<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Langage du code :<\/span> <span class=\"shcb-language__name\">CSS<\/span> <span class=\"shcb-language__paren\">(<\/span><span class=\"shcb-language__slug\">css<\/span><span class=\"shcb-language__paren\">)<\/span><\/small><\/pre>\n\n\n<h2 class=\"wp-block-heading\">Option 2 - Plugin WordPress<\/h2>\n\n\n\n<p>Si tu utilises le plugin WordPress Trackboxx, tu n'as pas besoin d'int\u00e9grer le CSS toi-m\u00eame. Dans les param\u00e8tres du plugin Trackboxx, tu trouveras le code optout, tu le copieras et l'ins\u00e9reras dans ta d\u00e9claration de confidentialit\u00e9.<\/p>\n\n\n\n<p>Comme nous l'avons dit, ces instructions devraient d\u00e9crire \u00e0 nouveau s\u00e9par\u00e9ment l'int\u00e9gration de l'opt-out. Dans la section de votre d\u00e9claration de confidentialit\u00e9, celle-ci est d\u00e9j\u00e0 int\u00e9gr\u00e9e par d\u00e9faut.<\/p>","protected":false},"featured_media":0,"template":"","categories":[],"tags":[27],"class_list":["post-2191","helpcenter","type-helpcenter","status-publish","hentry","tag-helpcenter-plugins-integrationen"],"acf":[],"_links":{"self":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/helpcenter\/2191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/helpcenter"}],"about":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/types\/helpcenter"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/helpcenter\/2191\/revisions"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/media?parent=2191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/categories?post=2191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/fr\/wp-json\/wp\/v2\/tags?post=2191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}