cookie-warn
v3.2.20
Published
EU cookie warn
Downloads
141
Readme
Cookie Warn
EU Cookie Law warning message
Preview
Features
- jQuery not required
- multilanguage support
- customizable style
- responsive
- Bootstrap detect
- adjustable delay and expire days
- callback
Examples
Example 1
- without parameters
<html lang="en">
<script id="cookieScript" type="text/javascript" src="../cookie-warn.min.js"></script>Example 2
- all parameters
- texts and links by html lang attribute
<html lang="en">
<script
id="cookieScript"
data-lang-en="{
'text': 'Our website uses cookies.',
'more_text': 'Click here for more information',
'more_link': 'https://ec.europa.eu/info/law/law-topic/data-protection_en',
'accept_text': 'I accept',
'reject_text': 'I reject',
'reject_info': 'You can disable unwanted cookies by using this program',
'reject_link': 'https://www.ghostery.com/'
'close_text': 'Close'
},
}" (optional, setup texts and links)
data-callback="cookieWarnCallback" (callback function name, optional)
data-debug="true" (show debug info in console, optional)
data-expire="365" (default 365 day, optional)
data-domain="*.domain.tld" (cookie domain, optional)
data-path="/" (cookie path, optional)
data-secure="true" (cookie secure https, optional)
data-delay="750" (default 500, optional)
data-class="customCookieWarningClass" (optional)
data-style="#cookieScriptBox a { color: #ff0000; }" (optional)
type="text/javascript"
src="../cookie-warn.min.js">
</script>
<script>
const cookieWarnCallback = function(accepted) {
if (accepted) {
// do something...
} else {
// do nothing...
}
};
</script>Example 3
- with default parameters
- texts and links by html lang attribute
<html lang="en">
<script type="text/javascript" src="../cookie-warn.min.js"></script>
<div
id="cookieScript"
data-lang-en="{
'text':'Our website uses cookies.',
'accept_text':'Accept all',
'accept_essential_text':'Accept only essential',
'more_text':'Click here for more information',
'more_link':'https://ec.europa.eu/info/law/law-topic/data-protection_en'
}"
data-lang-hu="{
'text':'Weboldalunk sütiket használ.',
'accept_text':'Elfogadom',
'more_text':'Kattints ide a bővebb információért',
'more_link':'https://ec.europa.eu/info/law/law-topic/data-protection_hu'
}">
</div>
Todo
- accept cookies by types (necessary, all, custom)