In your HTML code, this line has a class

Plugin is awesome !
but cookies are not storage, any brawser

Hi Wruczek,
the plugin is great, but I have a small problem regarding the "sameSite" attribute. In Firefox it says
that the "sameSite" attribute is "none" oder mnot guilty without a "secure"-attribute. Can you help.
regards Alf

Most sites (at least most of my sites) already have jQuery implemented for various other functionality. But they don't have jsCookie.

Would it be possible to make a semi-standalone-version that is dependent on jQuery, but is standalone in regards to jsCookie ...?

Thanks a lot!

It would be nice to be able to set cookie expiration time separately instead of the hard coded 1 year value.

I have used the static version of this little script for a while, thank you for that.
I am trying to move to Webpack (Encore) but facing some challenges.
In my main app.js, I include:
import cookieAlert from 'bootstrap-cookie-alert';
and in the scss: @import "~bootstrap-cookie-alert"; (could be done in the app.js though)

The build fails as the script cannot find the required sources:

SassError: File to import not found or unreadable: ~bootstrap-cookie-alert.
...
>> @import "~bootstrap-cookie-alert";

The js inclusion would also fail with:

 ERROR  Failed to compile with 1 errors                                                                         12:20:53
This dependency was not found:

* bootstrap-cookie-alert in ./assets/js/app.js

To install it, you can run: npm install --save bootstrap-cookie-alert

This issue should be resolved with #17

The link is alway pointing to https://www.cookiesandyou.com/
I want to the link to point to an internal private policies page, but It keeps pointing to cookie page. Any help would be appreciated. Thanks

Can we get a callback function ?

Technically, we are supposed to not use ANY cookies until the user has given consent.
Therefore i need to know when the user clicked on AGREE to load Analytics and other tracking cookies.

Tinkering with the Google PageSpeed Insights, I came to the impression that my cookie alert banner was delaying the INP of my pages.

Fast reading that page https://web.dev/stick-to-compositor-only-properties-and-manage-layer-count/, I changed the css by including:

will-change: transform;

in .cookiealert { ... }

Hi, thanks a lot for this tool!
I'm using it alongside Bootstrap 3 and AdminLTE 2.

While it does work with Firefox and Chrome, the alert does not show up in Safari (12.1).
The demo does not work either.

Is there any way I could help you with debugging?

Hi Wruczek,

First thank you very much for your job.

Second. Should be possible to have a little modification to have the cookies accept also if the user scroll the page?

Thanks

Hello,
I wanted to ask what the'cookiealert-dependencies.js' file is for.
The benefits are not yet quite clear to me :)

Regards
Andi

Thank you for sharing your work, much helpful! I was wondering if there's an easy way to configure the alert so that it remembers that a user has already accepted (closed) the alert. If I'm right currently the alert is triggered on each site load.

The background image present in the CSS can be removed, it just bloats up the CSS size and does not have any visible effect. The background color works just fine.

chrome 77.0.3865.92
os: android 7.1.1; lenovo YB1-X90F build NMF26X

Hi, how can i change the background color from #212327 to #348899 ?? It's possible ???

I tried changing directly in the .css file, but it had no effect:
background: #348899 url('data:image/png;base64, ...)

It seems window.dispatchEvent(new Event("cookieAlertAccept"))` only fires when the users clicks the accept. I feel it would be great to have this fire along with another event if not this one when the user loads the page. This would allow things like ads to turn on or other events to happen each page load after they have accepted.

I might try to hack this into my copy and submit it here.