TreFemten

Kom i gang

TreFemten legger et samtykkebanner på nettstedet ditt, sender riktige signaler til Google, Microsoft og Meta, og logger hvert valg slik at du kan dokumentere samtykkene. Du installerer det med én linje kode.

Bruker nettstedet Google Tag Manager? Da anbefaler vi TreFemten-malen i Google Tag Manager i stedet for koden under.

1. Lag nettstedet i TreFemten

Logg inn, velg Nytt nettsted og skriv inn domenet (for eksempel eksempel.no). Et domene dekker også underdomenene, så eksempel.no gjelder også www.eksempel.no. Bruker nettsiden flere domener, for eksempel .no og .com, legger du inn alle, opptil fem. Nettstedet får norske standardtekster og kategoriene Nødvendige, Statistikk og Markedsføring, og banneret virker med en gang.

2. Legg inn koden

Under Oversikt finner du installasjonskoden. Den ser slik ut:

<script src="https://cdn.trefemten.no/s/abc123def4.js"></script>

Lim den inn først i <head> på alle sider, før Google Tag Manager, Google Analytics og alle andre skript som kan spore besøkende. Tre ting er viktige:

  • Øverst. Skriptet setter standardverdiene for samtykke. Kjører et sporingsskript før det, har det allerede kunnet lagre eller lese informasjon uten samtykke.
  • Uten async og defer. Da er rekkefølgen garantert. Skriptet er lite (rundt 5 kB komprimert) og hurtiglagret nær besøkende, så det forsinker ikke siden merkbart.
  • På alle sider. Også sider som ikke har sporing, slik at besøkende alltid kan endre valget sitt.

3. Sørg for at sporing venter på samtykke

Banneret alene stopper ikke sporing. Hvordan du kobler sporingen til samtykket, avhenger av hvordan den er lagt inn:

4. Registrer tjenestene

Under Kategorier og tjenester legger du inn hver tjeneste som lagrer eller leser informasjon på besøkendes enhet: hvem den er fra, hva den brukes til og hva den lagrer. Besøkende ser dette under «Tilpass valg», og det er en del av det å gi et informert samtykke. Er du i tvil om noe er nødvendig, les Hva er nødvendige informasjonskapsler?.

5. Publiser

Endringer vises ikke for besøkende før du trykker Publiser. Da ser du hva som er endret, og om besøkende som allerede har valgt, blir spurt på nytt. Det skjer når du legger til en valgfri kategori eller tjeneste, siden de ikke har sagt ja til den.

En lenke for å endre valget

Besøkende må kunne trekke tilbake samtykket like enkelt som de ga det. Banneret viser en liten rund knapp nederst i hjørnet når valget er tatt. Vil du heller ha en lenke, for eksempel i bunnteksten, legger du til data-tf-open på et element:

<a href="#" data-tf-open>Informasjonskapsler</a>

Da kan du slå av den runde knappen under Utseende.

Tilpasse utseendet

Farger og plassering velger du under Utseende. Trenger du mer kontroll, kan du overstyre CSS-variablene på elementet #trefemten:

#trefemten {
    --tf-accent: #6b3f22;
    --tf-accent-text: #ffffff;
    --tf-bg: #fffaf2;
    --tf-text: #2b2118;
    --tf-radius: 12px;
    --tf-font: 'Inter', sans-serif;
    --tf-z: 2147483000;
}

Knappene «Godta alle» og «Avvis alle» ser alltid like ut. Det er et krav at det skal være like lett å avvise som å godta, så det kan ikke endres.

Vil du lage banneret helt selv, se Eget banner (headless).