{"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-undantag","status":"publish","type":"helpcenter","link":"https:\/\/trackboxx.com\/sv\/helpcenter\/integrierung-optout","title":{"rendered":"Opt-out integration"},"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\">Viktigt<\/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\">F\u00f6r att kunna anv\u00e4nda opt-out beh\u00f6ver du den senaste versionen av Trackboxx sp\u00e5rningsskript!<\/p><\/div>\n<\/div><\/div>\n\n\n\n<p>P\u00e5 grund av det s\u00e4tt som Trackboxx fungerar \u00e4r ingen opt-in n\u00f6dv\u00e4ndig.<\/p>\n\n\n\n<p>Vi vill dock ge v\u00e5ra kunder m\u00f6jlighet att erbjuda en opt-out-funktion.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Kortfattat f\u00f6rklarat - vad inneb\u00e4r opt-out i v\u00e5rt fall?<\/h2>\n\n\n\n<p>Du kan anv\u00e4nda opt-out-funktionen f\u00f6r att visa en \u201estr\u00f6mbrytare\/knapp\u201c via ett litet skript.<\/p>\n\n\n\n<p>Detta \u00e4r aktiverat som standard. Om den avaktiveras av webbplatsbes\u00f6karen sp\u00e5ras dock inte l\u00e4ngre deras bes\u00f6k.<\/p>\n\n\n\n<p>Kunden kan d\u00e4rf\u00f6r inv\u00e4nda mot sp\u00e5rning p\u00e5 motsvarande webbplats.<\/p>\n\n\n\n<p>Efter integrationen ser knappen ut p\u00e5 f\u00f6ljande s\u00e4tt:<\/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\">Integrering av opt-out-funktionen<\/h2>\n\n\n\n<p class=\"translation-block\"><strong><em>I princip finns motsvarande skript f\u00f6r opt-out redan i mallen f\u00f6r Trackboxx integritetspolicy. Du kan hitta det <a href=\"https:\/\/trackboxx.com\/sv\/hjaelpcenter\/maste-jag-anpassa-min-dataskyddsdeklaration\/\" target=\"_blank\" rel=\"noopener\">H\u00c4R<\/a><\/em><\/strong>.<\/p>\n\n\n\n<p><strong><em>H\u00e4r ges dock en \u00f6versikt \u00f6ver den separata integrationen av skriptet.<\/em><\/strong><\/p>\n\n\n\n<p>I det f\u00f6ljande beskriver vi tv\u00e5 s\u00e4tt att integrera optout p\u00e5 din webbplats. Den ena \u00e4r helt manuell och den andra \u00e4r via Trackboxx-plugin (f\u00f6r n\u00e4rvarande tillg\u00e4nglig f\u00f6r WordPress)<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Alternativ 1 - manuell integration<\/h2>\n\n\n\n<p>Anv\u00e4nd f\u00f6ljande kod och justera ditt sp\u00e5rnings-ID h\u00e4r i det f\u00f6rsta steget.<\/p>\n\n\n\n<p><strong><em>Du hittar dessa genom att klicka p\u00e5 Inst\u00e4llningar (kugghjul) &gt; Webbplatser i Trackboxx instrumentpanel. Du hittar knappen \u201eSp\u00e5rningskod\u201c bakom de webbplatser du har skapat.<\/em><\/strong><\/p>\n\n\n\n<p><strong>Kod:<\/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\">etikett<\/span> <span class=\"hljs-attr\">klass<\/span>=<span class=\"hljs-string\">\"tb-switch\"<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">inmatning<\/span> <span class=\"hljs-attr\">typ<\/span>=<span class=\"hljs-string\">\"kryssruta\"<\/span> <span class=\"hljs-attr\">data-dom\u00e4n<\/span>=<span class=\"hljs-string\">\"TB-XXXXXXXXXXXX\"<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"tbTrackingAllowed\"<\/span> <span class=\"hljs-attr\">v\u00e4rde<\/span>=<span class=\"hljs-string\">\"true\"<\/span>\/&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">spann<\/span> <span class=\"hljs-attr\">klass<\/span>=<span class=\"hljs-string\">\"tb-skjutreglage tb-runda\"<\/span>&gt;<\/span><span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">spann<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">etikett<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">spann<\/span> <span class=\"hljs-attr\">id<\/span>=<span class=\"hljs-string\">\"trackingStatus\"<\/span>&gt;<\/span>Till\u00e5t sp\u00e5rning<span class=\"hljs-tag\">&lt;\/<span class=\"hljs-name\">spann<\/span>&gt;<\/span>\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">manus<\/span> <span class=\"hljs-attr\">typ<\/span>=<span class=\"hljs-string\">\"text\/javascript\"<\/span>&gt;<\/span><span class=\"javascript\">\n<span class=\"hljs-function\"><span class=\"hljs-keyword\">funktion<\/span> <span class=\"hljs-title\">tbInitTracking Kryssruta<\/span>(<span class=\"hljs-params\">id<\/span>) <\/span>{\n<span class=\"hljs-keyword\">var<\/span> kryssrutan = <span class=\"hljs-built_in\">dokument<\/span>.getElementById(id);\n<span class=\"hljs-keyword\">var<\/span> statusText = <span class=\"hljs-built_in\">dokument<\/span>.getElementById(<span class=\"hljs-string\">'trackingStatus'<\/span>);\ncheckBox.checked = trackboxxHelper.trackingEnabled();\nstatusText.textContent = checkBox.checked ? <span class=\"hljs-string\">'Mina bes\u00f6ksdata fl\u00f6dar in i webbanalysen'.'<\/span> : <span class=\"hljs-string\">'Mina bes\u00f6ksuppgifter ing\u00e5r inte i webbanalysen'.'<\/span>;\ncheckBox.onclick = <span class=\"hljs-function\"><span class=\"hljs-keyword\">funktion<\/span> (<span class=\"hljs-params\"><\/span>) <\/span>{\n<span class=\"hljs-keyword\">detta<\/span>.checked ? trackboxxHelper.enableTracking() : trackboxxHelper.enableTracking(<span class=\"hljs-string\">'nej'<\/span>);\nstatusText.textContent = <span class=\"hljs-keyword\">detta<\/span>...kontrollerad? <span class=\"hljs-string\">'Mina bes\u00f6ksdata fl\u00f6dar in i webbanalysen'.'<\/span> : <span class=\"hljs-string\">'Mina bes\u00f6ksuppgifter ing\u00e5r inte i webbanalysen'.'<\/span>;\n};\n}\n<span class=\"hljs-built_in\">dokument<\/span>.addEventListener(<span class=\"hljs-string\">\"tbScriptLaddad\"<\/span>, <span class=\"hljs-function\"><span class=\"hljs-keyword\">funktion<\/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\">manus<\/span>&gt;<\/span><\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-1\"><span class=\"shcb-language__label\">Kodspr\u00e5k:<\/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>Du kan helt enkelt l\u00e4gga till det h\u00e4r avsnittet i din integritetspolicy - helst som en f\u00f6rl\u00e4ngning av Trackboxx integritetspolicy.<\/p>\n\n\n\n<p>Anv\u00e4nd f\u00f6ljande CSS s\u00e5 att \u201etoogle-knappen\u201c visas grafiskt korrekt:<\/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>: sl\u00e4kting;\n<span class=\"hljs-attribute\">display<\/span>: inline-block;\n<span class=\"hljs-attribute\">bredd<\/span>: <span class=\"hljs-number\">60px<\/span>;\n<span class=\"hljs-attribute\">h\u00f6jd<\/span>: <span class=\"hljs-number\">34px<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* D\u00f6lj kryssrutan f\u00f6r standard-HTML *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-switch<\/span> <span class=\"hljs-selector-tag\">inmatning<\/span> {\n<span class=\"hljs-attribute\">Opacitet<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">bredd<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">h\u00f6jd<\/span>: <span class=\"hljs-number\">0<\/span>;\n}\n\n<span class=\"hljs-comment\">\/* Skjutreglaget *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-skjutreglage<\/span> {\n<span class=\"hljs-attribute\">position<\/span>: absolut;\n<span class=\"hljs-attribute\">mark\u00f6r<\/span>: pekare;\n<span class=\"hljs-attribute\">topp<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">v\u00e4nster<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">r\u00e4tt<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">botten<\/span>: <span class=\"hljs-number\">0<\/span>;\n<span class=\"hljs-attribute\">bakgrundsf\u00e4rg<\/span>: <span class=\"hljs-number\">#ccc<\/span>;\n<span class=\"hljs-attribute\">-webkit-\u00f6verg\u00e5ng<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">\u00f6verg\u00e5ng<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-class\">.tb-skjutreglage<\/span><span class=\"hljs-selector-pseudo\">f\u00f6re<\/span> {\n<span class=\"hljs-attribute\">position<\/span>: absolut;\n<span class=\"hljs-attribute\">inneh\u00e5ll<\/span>: <span class=\"hljs-string\">\"\"<\/span>;\n<span class=\"hljs-attribute\">h\u00f6jd<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">bredd<\/span>: <span class=\"hljs-number\">26px<\/span>;\n<span class=\"hljs-attribute\">v\u00e4nster<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">botten<\/span>: <span class=\"hljs-number\">4px<\/span>;\n<span class=\"hljs-attribute\">bakgrundsf\u00e4rg<\/span>: vit;\n<span class=\"hljs-attribute\">-webkit-\u00f6verg\u00e5ng<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n<span class=\"hljs-attribute\">\u00f6verg\u00e5ng<\/span>: .<span class=\"hljs-number\">4s<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">inmatning<\/span><span class=\"hljs-selector-pseudo\">:kontrollerad<\/span> + <span class=\"hljs-selector-class\">.tb-skjutreglage<\/span> {\n<span class=\"hljs-attribute\">bakgrundsf\u00e4rg<\/span>: <span class=\"hljs-number\">#2196F3<\/span>;\n}\n\n<span class=\"hljs-selector-tag\">inmatning<\/span><span class=\"hljs-selector-pseudo\">:fokus<\/span> + <span class=\"hljs-selector-class\">.tb-skjutreglage<\/span> {\n<span class=\"hljs-attribute\">box-skugga<\/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\">inmatning<\/span><span class=\"hljs-selector-pseudo\">:kontrollerad<\/span> + <span class=\"hljs-selector-class\">.tb-skjutreglage<\/span><span class=\"hljs-selector-pseudo\">f\u00f6re<\/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\">omvandla<\/span>: <span class=\"hljs-built_in\">translateX<\/span>(<span class=\"hljs-number\">26px<\/span>);\n}\n\n<span class=\"hljs-comment\">\/* Rundade reglage *\/<\/span>\n<span class=\"hljs-selector-class\">.tb-skjutreglage<\/span><span class=\"hljs-selector-class\">.tb-round<\/span> {\n<span class=\"hljs-attribute\">gr\u00e4ns-radie<\/span>: <span class=\"hljs-number\">34px<\/span>;\n<span class=\"hljs-attribute\">marginal-h\u00f6ger<\/span>:<span class=\"hljs-number\">5px<\/span>;\n}\n\n<span class=\"hljs-selector-class\">.tb-skjutreglage<\/span><span class=\"hljs-selector-class\">.tb-round<\/span><span class=\"hljs-selector-pseudo\">f\u00f6re<\/span> {\n<span class=\"hljs-attribute\">gr\u00e4ns-radie<\/span>: <span class=\"hljs-number\">50%<\/span>;\n}<\/code><\/span><small class=\"shcb-language\" id=\"shcb-language-2\"><span class=\"shcb-language__label\">Kodspr\u00e5k:<\/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\">Alternativ 2 - WordPress plugin<\/h2>\n\n\n\n<p>Om du anv\u00e4nder Trackboxx WordPress-plugin beh\u00f6ver du inte integrera CSS sj\u00e4lv. I inst\u00e4llningarna f\u00f6r Trackboxx plugin hittar du opt-out-koden, kopiera den och klistra in den i din sekretesspolicy i enlighet med detta.<\/p>\n\n\n\n<p>Som jag sa b\u00f6r dessa instruktioner beskriva integrationen av opt-out separat. Den \u00e4r redan integrerad som standard i avsnittet f\u00f6r din integritetspolicy.<\/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\/sv\/wp-json\/wp\/v2\/helpcenter\/2191","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/helpcenter"}],"about":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/types\/helpcenter"}],"version-history":[{"count":0,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/helpcenter\/2191\/revisions"}],"wp:attachment":[{"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/media?parent=2191"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/categories?post=2191"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/trackboxx.com\/sv\/wp-json\/wp\/v2\/tags?post=2191"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}