{"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":"integrazione-optout","status":"publish","type":"helpcenter","link":"https:\/\/trackboxx.com\/it\/helpcenter\/integrierung-optout","title":{"rendered":"Integrazione dell'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\">Importante<\/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\">Per poter utilizzare l'opt-out, \u00e8 necessario disporre dell'ultima versione dello script di tracciamento Trackboxx!<\/p><\/div>\n<\/div><\/div>\n\n\n\n<p>Per il modo in cui funziona Trackboxx, non \u00e8 necessario alcun opt-in.<\/p>\n\n\n\n<p>Tuttavia, vorremmo dare ai nostri clienti la possibilit\u00e0 di offrire una funzione di opt-out.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Spiegato brevemente: cosa significa opt-out nel nostro caso?<\/h2>\n\n\n\n<p>\u00c8 possibile utilizzare la funzione di opt-out per visualizzare un \"interruttore\/pulsante\" tramite un piccolo script.<\/p>\n\n\n\n<p>Questa funzione \u00e8 attivata per impostazione predefinita. Tuttavia, se il visitatore del sito web lo disattiva, le sue visite non vengono pi\u00f9 tracciate.<\/p>\n\n\n\n<p>Il cliente pu\u00f2 quindi opporsi al tracciamento sul sito web corrispondente.<\/p>\n\n\n\n<p>Dopo l'integrazione, il pulsante si presenta come segue:<\/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\">Integrazione dell'opt-out<\/h2>\n\n\n\n<p class=\"translation-block\"><strong><em>In linea di principio, lo script corrispondente per l'opt-out \u00e8 gi\u00e0 presente nel modello dell'informativa sulla privacy di Trackboxx. \u00c8 possibile trovarlo <a href=\"https:\/\/trackboxx.com\/it\/centro-di-assistenza\/devo-adeguare-la-mia-dichiarazione-sulla-protezione-dei-dati\/\" target=\"_blank\" rel=\"noopener\">QUI<\/a><\/em><\/strong>.<\/p>\n\n\n\n<p><strong><em>Tuttavia, qui viene fornita una panoramica dell'integrazione separata dello script.<\/em><\/strong><\/p>\n\n\n\n<p>Di seguito descriviamo due modi per integrare l'optout nel vostro sito web. Uno \u00e8 completamente manuale e l'altro \u00e8 tramite il plugin Trackboxx (attualmente disponibile per WordPress).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Opzione 1 - integrazione manuale<\/h2>\n\n\n\n<p>Utilizzate il seguente codice e regolate il vostro ID di tracciamento qui nella prima fase.<\/p>\n\n\n\n<p><strong><em>Potete trovarli facendo clic su Impostazioni (ruota dentata) &gt; Siti web nella dashboard di Trackboxx. Troverete il pulsante \"Codice di tracciamento\" dietro i siti web creati.<\/em><\/strong><\/p>\n\n\n\n<p><strong>Codice:<\/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\">etichetta<\/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\">ingresso<\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"casella di controllo\"<\/span> <span class=\"hljs-attr\">dominio dei dati<\/span>=<span class=\"hljs-string\">\"TB-XXXXXXXXXXXX\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"tbTrackingAllowed\"<\/span> <span class=\"hljs-attr\">valore<\/span>=<span class=\"hljs-string\">\"vero\"<\/span>\/&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">campata<\/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\">campata<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">etichetta<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">campata<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"trackingStatus\"<\/span>&gt;<\/span>Consentire il tracciamento<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">campata<\/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\">funzione<\/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\">documento<\/span>.getElementById(id);\n<span class=\"hljs-keyword\">var<\/span> statusText = <span class=\"hljs-built_in\">documento<\/span>.getElementById(<span class=\"hljs-string\">trackingStatus'<\/span>);\ncheckBox.checked = trackboxxHelper.trackingEnabled();\nstatusText.textContent = checkBox.checked? <span class=\"hljs-string\">I dati dei miei visitatori confluiscono nell'analisi web\".<\/span> : <span class=\"hljs-string\">I dati dei miei visitatori non sono inclusi nell'analisi web\".<\/span>;\ncheckBox.onclick = <span class=\"hljs-function\"><span class=\"hljs-keyword\">funzione<\/span> (<span class=\"hljs-params\"><\/span>) <\/span>{\n<span class=\"hljs-keyword\">questo<\/span>.checked ? trackboxxHelper.enableTracking() : trackboxxHelper.enableTracking(<span class=\"hljs-string\">'no'<\/span>);\nstatusText.textContent = <span class=\"hljs-keyword\">questo<\/span>.controllato? <span class=\"hljs-string\">I dati dei miei visitatori confluiscono nell'analisi web\".<\/span> : <span class=\"hljs-string\">I dati dei miei visitatori non sono inclusi nell'analisi web\".<\/span>;\n};\n}\n<span class=\"hljs-built_in\">documento<\/span>.addEventListener(<span class=\"hljs-string\">\"tbScriptLoaded\"<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">funzione<\/span> (<span class=\"hljs-params\"><\/span>) <\/span>{\ntbInitTrackingCheckBox(<span class=\"hljs-string\">tbTrackingAllowed'<\/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\">Lingua del codice:<\/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>Potete semplicemente aggiungere questa sezione alla vostra informativa sulla privacy, idealmente come estensione dell'informativa sulla privacy di Trackboxx.<\/p>\n\n\n\n<p>Utilizzate il seguente CSS in modo che il \"pulsante toogle\" sia visualizzato graficamente in modo corretto:<\/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\">posizione<\/span>: relativo;\n<span class=\"hljs-attribute\">display<\/span>: inline-block;\n<span class=\"hljs-attribute\">larghezza<\/span>: <span class=\"hljs-number\">60px<\/span>;\n<span class=\"hljs-attribute\">altezza<\/span>: <span class=\"hljs-number\">34px<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* Nascondere la casella di controllo HTML predefinita *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-switch<\/span> <span class=\"hljs-selector-tag\">ingresso<\/span> {\n<span class=\"hljs-attribute\">opacit\u00e0<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">larghezza<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">altezza<\/span>: <span class=\"hljs-number\">0<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* Il cursore *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-slider<\/span> {\n<span class=\"hljs-attribute\">posizione<\/span>: assoluto;\n<span class=\"hljs-attribute\">cursore<\/span>: puntatore;\n<span class=\"hljs-attribute\">top<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">sinistra<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">diritto<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">fondo<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">colore di sfondo<\/span>: <span class=\"hljs-number\">#ccc<\/span>;\n<span class=\"hljs-attribute\">-Transizione webkit<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">transizione<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-class\">.tb-slider<\/span><span class=\"hljs-selector-pseudo\">prima<\/span> {\n<span class=\"hljs-attribute\">posizione<\/span>: assoluto;\n<span class=\"hljs-attribute\">contenuto<\/span>: <span class=\"hljs-string\">\"\"<\/span>;\n<span class=\"hljs-attribute\">altezza<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">larghezza<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">sinistra<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">fondo<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">colore di sfondo<\/span>: bianco;\n<span class=\"hljs-attribute\">-Transizione webkit<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">transizione<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">ingresso<\/span><span class=\"hljs-selector-pseudo\">:checked<\/span> + <span class=\"hljs-selector-class\">.tb-slider<\/span> {\n<span class=\"hljs-attribute\">colore di sfondo<\/span>: <span class=\"hljs-number\">#2196F3<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">ingresso<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> + <span class=\"hljs-selector-class\">.tb-slider<\/span> {\n<span class=\"hljs-attribute\">box-ombra<\/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\">ingresso<\/span><span class=\"hljs-selector-pseudo\">:checked<\/span> + <span class=\"hljs-selector-class\">.tb-slider<\/span><span class=\"hljs-selector-pseudo\">prima<\/span> {\n<span class=\"hljs-attribute\">-Trasformare con il webkit<\/span>: <span class=\"hljs-built_in\">tradurreX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n<span class=\"hljs-attribute\">-ms-trasformazione<\/span>: <span class=\"hljs-built_in\">tradurreX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n<span class=\"hljs-attribute\">trasformare<\/span>: <span class=\"hljs-built_in\">tradurreX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n}\n\n<span class=\"hljs-comment\">\/* Cursori arrotondati *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-slider<\/span><span class=\"hljs-selector-class\">.tb-round<\/span> {\n<span class=\"hljs-attribute\">raggio del bordo<\/span>: <span class=\"hljs-number\">34px<\/span>;\n<span class=\"hljs-attribute\">margine destro<\/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\">prima<\/span> {\n<span class=\"hljs-attribute\">raggio del bordo<\/span>: <span class=\"hljs-number\">50%<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Lingua del codice:<\/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\">Opzione 2 - Plugin per WordPress<\/h2>\n\n\n\n<p>Se utilizzate il plugin Trackboxx per WordPress, non dovete integrare il CSS da soli. Nelle impostazioni del plugin Trackboxx troverete il codice di opt-out, copiatelo e incollatelo nella vostra informativa sulla privacy.<\/p>\n\n\n\n<p>Come ho detto, queste istruzioni dovrebbero descrivere l'integrazione dell'opt-out separatamente. \u00c8 gi\u00e0 integrato di default nella sezione dedicata all'informativa sulla privacy.<\/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\/it\/wp-json\/wp\/v2\/helpcenter\/2191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/helpcenter"}],"about":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/types\/helpcenter"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/helpcenter\/2191\/revisions"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/media?parent=2191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/categories?post=2191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/it\/wp-json\/wp\/v2\/tags?post=2191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}