Skip to content
The easy way to inform users that your website is using cookies.
Branch: master
Clone or download
Latest commit 27b8a26 Feb 14, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css upd: conflict classes Feb 7, 2019
demo upd: index Feb 7, 2019
dist upd: conflict classes Feb 7, 2019
img Add: jquery-cookie-bubble bundle Feb 7, 2019
js
scss upd: conflict classes Feb 7, 2019
.gitignore Add: jquery-cookie-bubble bundle Feb 7, 2019
LICENSE add: license Feb 7, 2019
README.md upd: readme Feb 14, 2019
gulpfile.js upd: conflict classes Feb 7, 2019
package.json upd: conflict classes Feb 7, 2019
yarn.lock upd: conflict classes Feb 7, 2019

README.md

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

  1. Install jquery-cookie-bubble

    yarn install jquery-cookie-bubble
    or
    npm i jquery-cookie-bubble 
    
  2. Include cookieBubble.min.css somewhere in your head tag

 <link href="https://unpkg.com/jquery-cookie-bubble@1.0.0/dist/cookieBubble.min.css"/>
  1. Include cookieBubble.min.js at the bottom of your body tag
<script src="https://unpkg.com/jquery-cookie-bubble@1.0.0/dist/cookieBubble.min.js"/>
  1. 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.

Similar Projects

You can’t perform that action at this time.