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!
Get started!
For at starte med implementering skal der tilføjes skriptet som står for neden i starten af <head> taget, så er du good to go:
<script>
window.INTA = {
policy_link: "[Link to a valid privacy policy. (example.com/privacy-policy or example.com/privacy)](Required)",
settings: {
rootDomain: "[Dit hoved domæne, vi anbefaler at sætte] (Required)",
}
}
</script>
<script src="https://consents.cdn.intastellarsolutions.com/uc.js"></script>
Try now
Standard indstillinger til banneret, til customize og user consents indsamling.
| Parameters | |
|---|---|
| policy_link |
Required
kan være string med et link til "privacy & cookie policy", eller et object. |
| Parameters inside the settings object | |
| rootDomain |
Required
Dette domæne benyttes til at samle alt user consents under et domæne, specielt brugbar hvis partnerDomain bruges. |
| Arrange |
Required
venstre side: ltr, højre side: rtl |
| Color |
Required
Din brand farve som banneret kommer til at se ud. Det kan være både en hex, rgb farve eller en css variable incl. "var()" |
| Logo |
Required
En link til logoet på virksomheden. Vi anbefaler at billedet har en brede på 50px |
| partnerDomain |
Et array a domains, til cross domain tracking og deling af cookie consents. |
| design |
Hvordan banneret skal se ud. Der er 2 valgmuligheder:
|
Intastellar Consents Solutions supporter 3 sprog:
- dansk
- tysk
- engelsk
- auto (Tager lang attribute fra HTML tag)
Sprog præfrence henter scriptet via lang attributet på HTML taget, er denne ikke sat, sætter den default sproget som er dansk.
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 inden <script src="https://consents.cdn.intastellarsolutions.com/uc.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 "gdpr-banner.js".
| Parameters for settings | |
|---|---|
| language |
Sproget banneret skal vises i. Du har muligheden at vælge mellem 4 valg muligheder
|
| rootDomain |
Required
Dette domæne benyttes til at samle alt user consents under et domæne, specielt brugbar hvis partnerDomain bruges. |
| company |
Navnet på din virksomhed eller hjemmeside. |
| Arrange |
Required
venstre side: ltr, højre side: rtl |
| Color |
Required
Din brand farve som banneret kommer til at se ud. Det kan være både en hex, rgb farve eller en css variable incl. "var()" |
| Logo |
Required
En link til logoet på virksomheden. Vi anbefaler at billedet har en brede på 50px |
| partnerDomain |
Et array a domains, til cross domain tracking og deling af cookie consents. |
| requiredCookies |
liste over alle cookies der er required |
| text |
kan have værdi true eller false (default: false) |
| gtagId |
Google Tag Id / GA4 id for domain-linker & userId set |
| keepInLocalStorage |
liste over cookies som skal forblive i localStorage. |
| design |
Hvordan banneret skal se ud. Der er 2 valgmuligheder:
|
<script>
window.INTA = {
policy_link: "[Link til privat og cookie politik](Krav)",
settings: {
language: "danish, german, english or auto",
company: "[Name of your company]",
arrange: "rtl",
color: "[Preferred color]",
logo: "[Website´s logo eller icon]"
}
}
</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:
Text attribute giver dig muligheden at vise teksten "Cookie Settings" ved siden af cookie ikonet.
Med settings attribute "ccpa" har du muligheden at have en "Do not sell my personal data" badge og tilføje en link til din California Consumer Privacy Act retningslinjer. Denne funktion er under udvikling og ikke i nu tilgængelig under den live version.
<script>
window.INTA = {
policy_link: {
url: "[Link til privat og cookie politik](Krav)",
target: "_blank"
},
settings: {
language: "danish, german, english or auto",
arrange: "rtl",
company: "[Name of your company]",
color: "[Preferred color]",
logo: "[Website´s logo eller icon]",
text: true or false,
advanced: true or false,
ccpa: {
on: true or false,
url: "[Link til din California Consumer Privacy Act retningslinjer]",
collection: [
"Liste over personlige data som du indsamler. IP-Addressen behøves ikke at tilføjes."
]
}
}
}
</script>
Design eksempler på to cookie banner
Customize iFrames
Vil du bruge et custom thumbnail eller vil du selv host YouTube, Facebook eller cos. videos thumbnails billeder så kan du gøre det også.
Ved hjælp af "inta-yt-placeholder-img" kan du tilføje til et vært video et selv hosted billed.
<iframe src=[url to a YouTube video] inta-yt-placeholder-img=[Link to a custom thumbnail as placeholder image]></iframe>
Lader du "inta-yt-placeholder-img" væk fra f.eks. et YouTube video bruges det som YouTube hoster.
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" knappen)
- intastellarCookieBanner__accpetNecssery (På "accpetere kun nødvendige" knappen)
- intastellarCookieBanner__settings (På "settings / indstillinger" 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>
<button class="intastellarCookieBanner__settings">Indstillinger</button>
</div>
</div>
Bruges af:
