jquery-cookie-bubble
jquery-cookie-bubble is the easy and beautiful way to inform users that your website is using cookies.
Demo:
https://cookiebubble.netlify.com
Current Version
1.0.0 Getting Started
-
Install jquery-cookie-bubble
yarn install jquery-cookie-bubble or npm i jquery-cookie-bubble -
Include cookieBubble.min.css somewhere in your head tag
<link href="https://unpkg.com/jquery-cookie-bubble@1.0.0/dist/cookieBubble.min.css"/>- Include cookieBubble.min.js at the bottom of your body tag
<script src="https://unpkg.com/[email protected]/dist/cookieBubble.min.js"/> - Usage
<script> (function($) { $.cookieBubble({ messageText:"My custom message", iconVisibility:false ... }); })(jQuery); </script>Options
| Name | Default | Options |
|---|---|---|
| cookieMaxAge | 30 | (Number) |
| messageText | 'We use cookies to personalize your experience. By continuing to visit this website you agree to our use of cookies.' | (String) |
| messageTextColor | '#000' | hex, rgb, rgba |
| messageFontSize | '18px' | px, em, rem |
| buttonText | 'Got it' | (String) |
| buttonColor | '#00a4ff' | hex, rgb, rgba |
| buttonFontSize | '18px' | px, em, rem |
| iconColor | '#00a4ff' | hex, rgb, rgba |
| iconVisibility | true | (Bool) |
| cookiePolicyButtonText | 'Read Our Cookie Policy' | (String) |
| cookiePolicyButtonTextColor | '#000' | hex, rgb, rgba |
| cookiePolicyButtonUrl | 'http://allaboutcookies.org/' | url |
| cookiePolicyButtonTarget | '_blank' | _self |
| boxAppearDelay | 1000 | (Number) |
| boxPosition | 'bottom-left' | 'bottom-left', 'bottom-center', 'bottom-right', 'top-left', 'top-center', 'top-right' |
Versioning
The jquery-cookie-bubble library follows Semantic Versioning.
[MAJOR].[MINOR].[PATCH]
Support
If you encounter an issue or want to request a feature, you can create an issue.
