适用于 GDPR 的 Javascript 或 JQuery 中的 Cookie

Question

在 HTML/CSS“动画”之外，我对 Javascript/JQuery 的经验有限。

我有一个不使用 cookies 的网站，并且我有一个横幅显示在页面上加载一个声明。 显然，每次页面加载时都会出现这种情况。

我想通过“确定”按钮/链接设置一个 cookie，例如 60 天，在页面加载时读取，如果是肯定的，则不显示该 cookie 横幅。

我一直在搜索互联网，但我很难找到我认为如果你知道如何实现的话应该是一件简单的事情。

我也不确定是否使用'just' Javascript 或库（JQuery）来实现这一点。

从概念上讲，我认为我需要这样的东西：

在页面加载时，查找 cookie，如果为正值，则不显示 cookie 横幅，否则显示 cookie 横幅。 cookie 横幅上的“确定”按钮创建具有正值的 cookie。 cookie 将在 60 天后过期。

这是我正在努力解决的语法。 有人可以帮忙吗？

Answer 1

所需的功能 = 只需将其复制粘贴到您的 js 文件中，我们只需要它们添加和读取 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 "";
}

这是您需要了解正在发生的事情的部分。

要设置 cookie，请添加此行

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

这将调用之前粘贴的 function 副本，并设置一个名为 cookieConsent 且值为 YES 的 cookie。 数字 60 是 cookies 应该存储多少天。

因此，如果您可以确定需要设置 cookie 的位置，那么只需复制粘贴该代码即可。

阅读说饼干。 我们总是可以通过这个检查用户是否有 cookies

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

带有 console.log() 的行可以替换为您希望使用的任何所需的 function。