Bannerin mukauttaminen

Jokaisella Cookieshin sivustolla on yksi bannerimääritys. Aluesäännöt päättävät, millaisen suostumusnäkymän kävijä saa (ennakkosuostumus, kielto-oikeus tai ilmoitus), ja bannerimääritys päättää, miltä se näyttää ja kuulostaa. Muokkaa sitä kohdassa Banners → Appearance ja esikatsele muutoksia reaaliajassa ennen julkaisua.

Asettelut

Valitse sivustollesi sopiva asettelu. Jokaisesta asettelusta on vaalea, tumma ja automaattinen teema. Automaattinen teema seuraa kävijän prefers-color-scheme-asetusta.

Asettelu	Sopii parhaiten	Toiminta
bar	Markkinointisivustoille	Koko levyinen palkki näkymän alareunassa
box	Sisältösivustoille ja blogeille	Pieni kortti kulmassa, ei peitä sisältöä
modal	Sovelluksille, joissa mitään ei saa suorittaa ennen valintaa	Keskitetty ikkuna, joka estää sivun käytön, kunnes kävijä valitsee

Kaikki asettelut varaavat itselleen oman tilansa ja latautuvat sisältösi jälkeen, joten ne eivät aiheuta asettelun siirtymiä. Ennakkosuostumusta pyytävissä bannereissa Hylkää kaikki näkyy aina ensimmäisellä tasolla, samankokoisena ja yhtä korostettuna kuin Hyväksy kaikki. Valvontaviranomaiset pitävät piilotettua hylkäysvaihtoehtoa manipuloivana suunnittelumallina, joten tätä ei voi poistaa käytöstä.

Värit, fontit ja brändäys

Määritä kohdassa Appearance → Style:

• Brändiväri. Käytetään ensisijaisessa painikkeessa, valintakytkimissä ja kohdistuksen korostuksessa. Cookiesh vertaa sitä taustaan ja varoittaa, jos kontrasti jää alle WCAG AA -tason.
• Fontti. inherit (oletus) käyttää sivustosi fonttia, joten banneri näyttää osalta sivustoa eikä lataa ylimääräisiä tiedostoja.
• Kulmien pyöristys ja varjo suunnittelujärjestelmäsi mukaan.
• Logo. Valinnainen, näytetään asetuskeskuksessa.

Pro- ja Enterprise-paketeissa voit myös poistaa ”Powered by Cookiesh” -merkin.

Tekstit ja käännökset

Cookieshissa on valmiit, tarkistetut bannerin tekstit yli 40 kielellä. Kieli valitaan tässä järjestyksessä:

1. Script-tagin data-language-attribuutti, jos se on asetettu.
2. <html>-elementin lang-attribuutti.
3. Kävijän selaimen kieli.
4. Hallintapaneelissa määrittämäsi oletuskieli.

<script
  src="https://sdk.cookiesh.eu/v1/consent.js"
  data-site-id="ck_live_8f2a91"
  data-language="de"
  async
></script>

Voit muuttaa sanamuotoja kohdassa Appearance → Copy: valitse kieli ja muokkaa otsikkoa, leipätekstiä ja painikkeiden tekstejä. Muutokset koskevat vain kyseistä kieltä. Pidä tekstit konkreettisina: nimeä käyttötarkoitukset (”liikenteen mittaaminen”, ”personoitujen mainosten näyttäminen”) sen sijaan, että kirjoittaisit ”parannamme käyttökokemustasi”.

Oma CSS

Pro- ja Enterprise-paketeissa voit mennä valmiita asetuksia pidemmälle kohdassa Appearance → Custom CSS. Banneri renderöidään shadow rootin sisään, joten sivustosi tyylit eivät voi rikkoa sitä eivätkä sen tyylit vuoda sivustollesi. Muotoile banneria CSS-muuttujilla ja tarjolla olevilla ::part()-nimillä:

cookiesh-banner {
  --ck-color-primary: #4f46e5;
  --ck-color-background: #0a0b10;
  --ck-color-text: #ededf2;
  --ck-radius: 12px;
  --ck-font-family: inherit;
}

cookiesh-banner::part(button-primary) {
  text-transform: none;
  letter-spacing: 0;
}

cookiesh-banner::part(title) {
  font-weight: 600;
}

Käytettävissä olevat osat: container, title, body, button-primary, button-secondary, link, toggle ja category.

Asetuslinkki

Kävijän on voitava muuttaa mielensä yhtä helposti kuin hän antoi suostumuksensa. Lisää alatunnisteeseen linkki, joka avaa asetuskeskuksen uudelleen. Mikä tahansa elementti, jolla on data-cookiesh-open-attribuutti, käy:

<button type="button" data-cookiesh-open="preferences">Privacy settings</button>

Voit myös kutsua cookiesh.openPreferences()-metodia omasta koodistasi (katso JavaScript-API). Jos et halua lisätä linkkiä, ota kelluva yksityisyyspainike käyttöön kohdassa Appearance → Floating button.

Julkaiseminen ja bannerin versiot

Muutokset pysyvät luonnoksina, kunnes napsautat Publish. Jokainen julkaisu luo uuden bannerin version, ja jokaiseen suostumustietueeseen tallennetaan kävijän näkemä versio. Näin pystyt aina osoittamaan, mihin tekstiin kävijä suostui.

Kun muutat kategorioita, toimittajia tai käyttötarkoituksia, valitse ennen julkaisua Ask again. Kävijät, jotka tekivät valintansa vanhemman version aikana, näkevät silloin bannerin uudelleen seuraavalla käynnillään. Pelkät ulkoasun muutokset, kuten värit tai fontit, eivät vaadi uutta valintaa.

Julkaistut muutokset näkyvät sivustollasi noin minuutin kuluessa. Sivustoa ei koskaan tarvitse julkaista uudelleen.