arrow_drop_down

Error: Cookie banneren virker fortiden ikke med hjemmesider bygget via Elementor! Vi arbejder på at løse problemet.

GDPR-cookie banner

Vi har udviklet en cookie banner som er nemt og hurtigt implementert, og du har muligheden at customize den, med få linjer kode! Denne cookie banner er bygget med GDPR og privacy i dna fra kerne op. Brug banneren i dit næste projekt og bliv med få linjer kode GDPR konform hvad dine cookies angår.

Design af cookie banneren

Get started!

For at starte med implementering skal der tilføjes skriptet som står for neden så er du good to go:


<script src="https://www.intastellarsolutions.com/js/cookie-banner.js"></script>
<script>
    window.INT = {
        policy_link: "[Link til privat og cookie politik](Krav)",
    }
</script>

Cookie info banner supporter 3 sprog:

  1. dansk
  2. tysk
  3. engelsk

Sprog præfrence henter scriptet via lang attributet på HTML taget, er denne ikke sat, sætter den default sproget som er dansk.

For at banneren bliver tilføjet SKAL du tilføje en link til din privat- & cookie politik. Læs hvordan under: Customize cookie info sektionen!

Customize cookie info!

Vil du modifcerer cookie banneren? Så skal du blot tilføje den lille snippet af koden, og så kan du tilføje et logo, brand color og i hvilket hjørne den skal side.

Koden for neden skal placeres efter <script src="https://www.intastellarsolutions.com/js/cookie-banner.js"></script>, for at den tages af brug. Den kan også placeres i en seperat JS fil, det vigtigste er bare at den kommer efter "cookie-banner.js".

  • policy_link: kan være string med et link til "privacy & cookie policy", eller et object (Krav)
  • Arrange: venstre side: ltr, højre side: rtl
  • Color: hvilken som helst farve kode eller css varibale inclusive "var()"
  • Logo: link til billedet af dit logo eller icon (Logoet skal have en brede på 50px)

<script>
    window.INT = {
        policy_link: "[Link til privat og cookie politik](Krav)",
        settings: {
            arrange: "rtl",
            color: "[Preferred color]",
            logo: "[Website´s logo eller icon]",
            background_color: "[Preferred background color]"
        }
    }
</script>

Angiver du et object ved "policy_link" så kan du sætte target attribute: f.eks. _blank, hvis du vil åbne Privats politik i nyt vindue.

Settings attributes

Du kan også modificere cookie banneren via disse indstillinger, som skal under "settings" objektet:

  • arrange - rtl eller ltr
  • color - hvilken som helst farve kode
  • logo - link til dit logo
  • background - hvilken som helst farve kode
  • text - kan have værdi true eller false (default: false)

Text attribute giver dig muligheden at vise teksten "Cookie Settings" ved siden af cookie ikonet.


<script>
    window.INT = {
        policy_link: {
            url: "[Link til privat og cookie politik](Krav)",
            target: "_blank"
        },
        settings: {
            arrange: "rtl",
            color: "[Preferred color]",
            logo: "[Website´s logo eller icon]",
            text: true or false
        }
    }
</script>

Eksempler på to cookie banner

Design af cookie banneren Design af cookie banneren

Tilføjelse til egen kodet banner!

Har du allerede et design til en cookie banner og du vil nu tilføje funktionen af en cookie banner? Så har vi også noget til det.

Blot tilføje til din eksiternde cookie banner 3 classes:

  • intastellarCookieBanner (På containeren af cookie banneren)
  • intastellarCookieBanner__accpetAll (På accpetere alle cookies knappen)
  • intastellarCookieBanner__accpetNecssery (På accpetere kun nødvendige cookies knappen)

<div class="cookieBanner__container intastellarCookieBanner">
    <div class="cookieBanner__content">
        <p>Dette er en example banner</p>
        <button class="intastellarCookieBanner__accpetAll">Accpet alle cookies</button>
        <button class="intastellarCookieBanner__accpetNecssery">Accpet kun nødvendige cookies</button>
    </div>
</div>

Bruges af:

Cykelfærgen Rødsand Logo ARTofARTEP Dit Stjernetegn