@john_sear/cookie-banner NPM

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

@infinitebrahmanuniverse/nolb-_joh @everything-registry/sub-chunk-492 @zalastax/nolb-_joh

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago