适用于 GDPR 的 Javascript 或 JQuery 中的 Cookie

Question

I have limited experience with Javascript/JQuery outside of HTML/CSS 'animations'.

I have a website that does NOT use cookies and I have a banner that displays on page load a statement to that effect. Obviously this appears every time the page loads.

I would like to set a cookie via an 'OK' button/link for say 60 days that is read on page load and if positive doesn't display that cookie banner.

I've been searching the internet but I'm struggling to find what I believe should be a simple thing to implement if you know how.

I'm also unsure whether to use 'just' Javascript or a library (JQuery) to implement this.

Conceptually I think I need something like this:

On page load, look for the cookie, if positive value, do not display the cookie banner, else display the cookie banner. The 'OK' button on the cookie banner, creates the cookie with a positive value. The cookie will expire in 60 days.

It's the syntax I'm struggling with. Can anyone help please?

Answer 1

The functions needed = Just copy paste this in your js file we only need them to add and read cookies.

function setCookie(cname, cvalue, exdays) {
    var d = new Date();
    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
    var expires = "expires=" + d.toUTCString();
    document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/; sameSite=Strict";
}
function getCookie(cname) {
    var name = cname + "=";
    var decodedCookie = decodeURIComponent(document.cookie);
    var ca = decodedCookie.split(';');
    for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) == ' ') {
            c = c.substring(1);
        }
        if (c.indexOf(name) == 0) {
            return c.substring(name.length, c.length);
        }
    }
    return "";
}

Here is the part where you need to understand a bit of what is happening.

To set a cookie you add this line

setCookie("cookieConsent", "YES", 60);

This call the function copy pasted from earlier and set a cookie with the name cookieConsent and the value YES. The number 60 is how many days the cookies should store.

So if you can pinpoint the place where you need to set the cookie, then just copy paste that code in there.

Reading said cookie. We can always check if a user has the cookies by this

if(getCookie("cookieConsent") === "YES"){
    console.log("They said already said yes, dont show banner")
}

The line with console.log(), can be replaced with whatever desired function you wish to use.