Mit kapsz itt
Ez egy kész, egyszerű cookie banner minta a melegek.hu jelenlegi állapotához igazítva. Arra az esetre jó, ha jelenleg csak szükséges sütik és később opcionális sütik jöhetnek.
Fájl: docs/assets/cookie-banner.js
Kész HTML blokk
Ezt a blokkot be tudod tenni a közös footer elé vagy közvetlenül a </body> elé.
<div id="cookie-banner" class="cookies-demo">
<strong>Sütik használata</strong>
<p class="muted">
A weboldal a működéshez szükséges sütiket használ. Ha a jövőben opcionális sütik is megjelennek,
azokról külön dönthetsz. Részletek: <a href="/docs/cookie-tajekoztato.html">Cookie tájékoztató</a>.
</p>
<div class="cookies-actions">
<button id="cookie-accept-essential" class="btn ghost" type="button">Csak szükséges sütik</button>
<button id="cookie-accept-all" class="btn primary" type="button">Elfogadom</button>
</div>
</div>
<script src="/docs/assets/cookie-banner.js"></script>
Javasolt működés
- ha jelenleg csak szükséges sütik vannak, a banner főleg tájékoztató szerepet tölt be;
- ha később analitika vagy marketing jön, ezt már ki lehet bővíteni kategóriás választással;
- a banner choice jelen mintában
localStorage-ba mentődik.
Fontos
Ha később opcionális sütik is bekerülnek, azokat már csak megfelelő hozzájárulás után szabad betölteni. Ehhez a JS logikát és a tényleges scriptbetöltést is hozzá kell igazítani.