@john_sear/cookie-banner
v1.0.6
Published
Create reusable Cookie Banner regarding the 'ePrivacy Directive' since 2002.
Readme
Cookie Banner
Based on https://gist.github.com/BlackScorp/d7390fead02103c9ab4ea174a8a9b9c0
Thanks to BlackScorp :-)
This JavaScript can be used, to show a Cookie Banner regarding the ePrivacy Directive since 2002.
Usage
Simply add <cookie-banner></cookie-banner> html tag inside body in your HTML Document and include the cookie-banner.js;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Web Component - Cookie Banner</title>
</head>
<body>
<cookie-banner></cookie-banner>
<script>
/** Optional Settings */
const cookieBannerOptions = {
title : 'This is the Project Title',
text : 'This is the special Text',
additionalCookies : ['Statistics', 'Marketing', 'Foo', 'Bar']
};
</script>
<script defer src="js/cookie-banner.js"></script>
</body>
</html>Optional Settings
Can be optionally set before including the cookie-banner.js into your document.
See Usage example before.
| Name | Type | Default | Description |
|---|---|---|---|
| title | String | Accept Cookies | Used as Banner Title |
| text | String | Cookies are always used | Used as Banner Text, i.e. description |
| requiredName | Boolean | Required | Use "Required" cookie (if no additional cookies set, this will be always true) |
| additionalCookies | Array | [] | Containing the Names for additional Cookies (if empty "Required" cookie will always be shown) |
| acceptAllText | String | Accept All | Text for the "accept all" button |
| acceptSelectedText | String | Accept Selected | Text for the "accept selected" button |
| additionalStyles | String | '' | Additional Styles |