{"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":"opt-out-integratie","status":"publish","type":"helpcenter","link":"https:\/\/trackboxx.com\/nl\/helpcenter\/integrierung-optout","title":{"rendered":"Opt-out integratie"},"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\">Belangrijk<\/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\">Om de opt-out te kunnen gebruiken, heb je de nieuwste versie van het Trackboxx-trackingscript nodig!<\/p><\/div>\n<\/div><\/div>\n\n\n\n<p>Door de manier waarop Trackboxx werkt, is er geen opt-in nodig.<\/p>\n\n\n\n<p>Toch willen we onze klanten de mogelijkheid geven om een opt-out functie aan te bieden.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kort uitgelegd - wat betekent opt-out in ons geval?<\/h2>\n\n\n\n<p>Je kunt de opt-out functie gebruiken om een \u201eschakelaar\/knop\u201c weer te geven via een klein script.<\/p>\n\n\n\n<p>Dit is standaard geactiveerd. Als dit echter door de websitebezoeker wordt gedeactiveerd, worden zijn bezoeken niet langer gevolgd.<\/p>\n\n\n\n<p>De klant kan daarom bezwaar maken tegen tracking op de betreffende website.<\/p>\n\n\n\n<p>Na integratie ziet de knop er als volgt uit:<\/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\">Integratie van de opt-out<\/h2>\n\n\n\n<p class=\"translation-block\"><strong><em>In principe is het bijbehorende script voor de opt-out al opgenomen in de sjabloon voor het Trackboxx-privacybeleid. U vindt het <a href=\"https:\/\/trackboxx.com\/nl\/hulpcentrum\/moet-ik-mijn-gegevensbeschermingsverklaring-aanpassen\/\" target=\"_blank\" rel=\"noopener\">HERE<\/a><\/em><\/strong>.<\/p>\n\n\n\n<p><strong><em>Niettemin wordt hier een overzicht gegeven van de afzonderlijke integratie van het script.<\/em><\/strong><\/p>\n\n\n\n<p>Hieronder beschrijven we 2 manieren om de opt-out in je website te integreren. De ene is volledig handmatig en de andere is via de Trackboxx plugin (momenteel beschikbaar voor WordPress)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Optie 1 - handmatige integratie<\/h2>\n\n\n\n<p>Gebruik de volgende code en pas hier in de eerste stap je tracking-ID aan.<\/p>\n\n\n\n<p><strong><em>Je kunt deze vinden door in het Trackboxx dashboard te klikken op Instellingen (tandwiel) &gt; Websites. Je vindt de knop \u201eTracking code\u201c achter de websites die je hebt aangemaakt.<\/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\">klasse<\/span>=<span class=\"hljs-string\">\"tb-schakelaar\"<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">invoer<\/span> <span class=\"hljs-attr\">type<\/span>=<span class=\"hljs-string\">\"selectievakje\"<\/span> <span class=\"hljs-attr\">gegevensdomein<\/span>=<span class=\"hljs-string\">\"TB-XXXXXXXXXXXXXXXXXXXXXXXX\".\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"tbTrackingAllowed\".\"<\/span> <span class=\"hljs-attr\">waarde<\/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\">klasse<\/span>=<span class=\"hljs-string\">\"tb-schuifregelaar tb-rond\".\"<\/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>Tracering toestaan<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\">\"tekst\/javascript\"<\/span>&gt;<\/span><span class=\"javascript\">\n<span class=\"hljs-function\"><span class=\"hljs-keyword\">functie<\/span> <span class=\"hljs-title\">tbInitTrackingCheckBox<\/span>(<span class=\"hljs-params\">id<\/span>) <\/span>{\n<span class=\"hljs-keyword\">var<\/span> selectievakje = <span class=\"hljs-built_in\">document<\/span>.getElementById(id);\n<span class=\"hljs-keyword\">var<\/span> statusTekst = <span class=\"hljs-built_in\">document<\/span>.getElementById(<span class=\"hljs-string\">'volgstatus'<\/span>);\ncheckBox.checked = trackboxxHelper.trackingEnabled();\nstatusText.textContent = checkBox.checked ? <span class=\"hljs-string\">'Mijn bezoekersgegevens vloeien in de webanalyse'.'<\/span> : <span class=\"hljs-string\">'Mijn bezoekersgegevens zijn niet opgenomen in de webanalyse'.'<\/span>;\ncheckBox.onclick = <span class=\"hljs-function\"><span class=\"hljs-keyword\">functie<\/span> (<span class=\"hljs-params\"><\/span>) <\/span>{\n<span class=\"hljs-keyword\">deze<\/span>.checked ? trackboxxHelper.enableTracking() : trackboxxHelper.enableTracking(<span class=\"hljs-string\">'nee'<\/span>);\nstatusText.textContent = <span class=\"hljs-keyword\">deze<\/span>.gecontroleerd ? <span class=\"hljs-string\">'Mijn bezoekersgegevens vloeien in de webanalyse'.'<\/span> : <span class=\"hljs-string\">'Mijn bezoekersgegevens zijn niet opgenomen in de webanalyse'.'<\/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\">functie<\/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\">Taal van de 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>Je kunt deze sectie eenvoudig toevoegen aan je privacybeleid - idealiter als uitbreiding op het Trackboxx privacybeleid.<\/p>\n\n\n\n<p>Gebruik de volgende CSS zodat de \u201etoogle-knop\u201c grafisch correct wordt weergegeven:<\/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-schakelaar<\/span> {\n<span class=\"hljs-attribute\">positie<\/span>: relatief;\n<span class=\"hljs-attribute\">weergave<\/span>inline-block;\n<span class=\"hljs-attribute\">breedte<\/span>: <span class=\"hljs-number\">60px<\/span>;\n<span class=\"hljs-attribute\">hoogte<\/span>: <span class=\"hljs-number\">34px<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* Standaard HTML-vakje verbergen *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-schakelaar<\/span> <span class=\"hljs-selector-tag\">invoer<\/span> {\n<span class=\"hljs-attribute\">opaciteit<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">breedte<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">hoogte<\/span>: <span class=\"hljs-number\">0<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* De schuifregelaar *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-schuifregelaar<\/span> {\n<span class=\"hljs-attribute\">positie<\/span>Absoluut;\n<span class=\"hljs-attribute\">cursor<\/span>Aanwijzer;\n<span class=\"hljs-attribute\">top<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">links<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">rechts<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">bodem<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">achtergrondkleur<\/span>: <span class=\"hljs-number\">#ccc<\/span>;\n<span class=\"hljs-attribute\">-webkit-overgang<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">overgang<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-class\">.tb-schuifregelaar<\/span><span class=\"hljs-selector-pseudo\">voor<\/span> {\n<span class=\"hljs-attribute\">positie<\/span>Absoluut;\n<span class=\"hljs-attribute\">inhoud<\/span>: <span class=\"hljs-string\">\"\"<\/span>;\n<span class=\"hljs-attribute\">hoogte<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">breedte<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">links<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">bodem<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">achtergrondkleur<\/span>: wit;\n<span class=\"hljs-attribute\">-webkit-overgang<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">overgang<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">invoer<\/span><span class=\"hljs-selector-pseudo\">Gecontroleerd<\/span> + <span class=\"hljs-selector-class\">.tb-schuifregelaar<\/span> {\n<span class=\"hljs-attribute\">achtergrondkleur<\/span>: <span class=\"hljs-number\">#2196F3<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">invoer<\/span><span class=\"hljs-selector-pseudo\">:focus<\/span> + <span class=\"hljs-selector-class\">.tb-schuifregelaar<\/span> {\n<span class=\"hljs-attribute\">kaderschaduw<\/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\">invoer<\/span><span class=\"hljs-selector-pseudo\">Gecontroleerd<\/span> + <span class=\"hljs-selector-class\">.tb-schuifregelaar<\/span><span class=\"hljs-selector-pseudo\">voor<\/span> {\n<span class=\"hljs-attribute\">-webkit-transform<\/span>: <span class=\"hljs-built_in\">vertalenX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n<span class=\"hljs-attribute\">-ms-transform<\/span>: <span class=\"hljs-built_in\">vertalenX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n<span class=\"hljs-attribute\">transformeren<\/span>: <span class=\"hljs-built_in\">vertalenX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n}\n\n<span class=\"hljs-comment\">\/* Afgeronde schuifregelaars *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-schuifregelaar<\/span><span class=\"hljs-selector-class\">.tb-ronde<\/span> {\n<span class=\"hljs-attribute\">grensradius<\/span>: <span class=\"hljs-number\">34px<\/span>;\n<span class=\"hljs-attribute\">marge-rechts<\/span>:<span class=\"hljs-number\">5px<\/span>;\n}\n\n<span class=\"hljs-selector-class\">.tb-schuifregelaar<\/span><span class=\"hljs-selector-class\">.tb-ronde<\/span><span class=\"hljs-selector-pseudo\">voor<\/span> {\n<span class=\"hljs-attribute\">grensradius<\/span>: <span class=\"hljs-number\">50%<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Taal van de 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\">Optie 2 - WordPress plugin<\/h2>\n\n\n\n<p>Als je de Trackboxx WordPress plugin gebruikt, hoef je de CSS niet zelf te integreren. In de instellingen van de Trackboxx plugin vind je de opt-out code, kopieer deze en plak deze in je privacy policy.<\/p>\n\n\n\n<p>Zoals ik al zei, moeten deze instructies de integratie van de opt-out apart beschrijven. Het is al standaard ge\u00efntegreerd in het gedeelte voor uw privacybeleid.<\/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\/nl\/wp-json\/wp\/v2\/helpcenter\/2191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/helpcenter"}],"about":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/types\/helpcenter"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/helpcenter\/2191\/revisions"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/media?parent=2191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/categories?post=2191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/nl\/wp-json\/wp\/v2\/tags?post=2191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}