Cookie Consent Popup Javascript – Quick and simple tutorial for creating a simple Bootstrap cookie banner. Bootstrap Cookie Banner demo website. If you don’t see the cookie banner below, clear your local storage.
If you have a website or blog with people visiting or likely to visit from the EU, you will need a cookie warning or popup notification.
Read More – A jQuery Plugin to Add a Cookie Consent Banner on a Website | Cookit
How to make use of it:
1. Load the Cookie Banner plugin’s JavaScript and CSS into your Bootstrap website.
<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css"> <script src="/path/to/cdn/jquery.slim.min.js"></script> <script src="/path/to/cdn/bootstrap.min.js"></script> <link rel="stylesheet" href="./src/cookie-banner.css"> <script async="" src="./src/cookie-banner.js"></script>
2. Add a cookie consent message to the accept cookies banner.
<div class="nk-cookie-banner alert alert-dark text-center mb-0" role="alert">
🍪 This website uses cookies to ensure you get the best experience on our website.
<a href="/privacy/" target="blank" rel="noopener noreferrer">Learn more</a>
<button type="button" class="btn btn-primary btn-sm ml-3" onclick="window.nk_hideCookieBanner()">
I Got It
</button>
</div>Read More – A Modal Dialog Bootstrap Cookie Banner Consent Settings and Framework
3. Override the default kinds of the cookie consent banner.
.nk-cookie-banner {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
z-index: 999;
border-radius: 0px;
display: none;
}See Also –
Cookie Consent Module for Angular | ngx-cookieconsent
Automatic GDPR Cookies Banner for Google Analytics & Facebook Pixel | GlowCookies
Create a Cookie Notice with Vanilla JavaScript | CookieNoticeJS
See Demo And Download
Official Website(kolappannathan): Click Here
This superior jQuery/javascript plugin is developed by kolappannathan. For extra advanced usage, please go to the official website.
