<!-- lang="en" on the html element is all that is needed -->
<html lang="en">
<head>
<script
id="cookieScript"
data-lang-en="{
'text': 'We use cookies to improve your experience.',
'more_text': 'Privacy policy',
'more_link': 'https://example.com/privacy',
'accept_text': 'Accept all',
'accept_selected_text': 'Save settings',
'reject_text': 'Necessary only',
'categories': {
'necessary': {'label': 'Necessary', 'description': 'Required for the site to function.', 'required': true},
'analytics': {'label': 'Analytics', 'description': 'Help us understand how visitors use the site.'},
'marketing': {'label': 'Marketing', 'description': 'Used for personalised ads and content.'}
}
}"
data-lang-hu="{
'text': 'Weboldalunk sütiket használ a jobb felhasználói élményért.',
'more_text': 'Adatkezelési tájékoztató',
'more_link': 'https://example.com/adatkezeles',
'accept_text': 'Mindent elfogad',
'accept_selected_text': 'Mentés',
'reject_text': 'Csak szükséges',
'categories': {
'necessary': {'label': 'Szükséges', 'description': 'Az oldal müködéséhez elengedhetetlen.', 'required': true},
'analytics': {'label': 'Analitikai', 'description': 'Segít az oldal fejlesztésében.'},
'marketing': {'label': 'Marketing', 'description': 'Célzott hirdetések és tartalom.'}
}
}"
data-callback="cookieWarnCallback"
src="cookie-warn.min.js">
</script>
</head>
<script>
function cookieWarnCallback(accepted, categories) {
if (categories && categories.analytics) { /* load analytics */ }
if (categories && categories.marketing) { /* load ads */ }
}
</script>