Javascript 如何使Cookie接受不同页面的按钮和功能？

在我的网站上，我有cookies接受按钮和功能。很好用。但我需要一些改变。就像我需要每页不同种类的cookies按钮一样。例如，如果我在主页上，如果我单击cookies accept（cookies接受）按钮，它应关闭并仅存储该特定页面的cookies。但当我导航到另一个页面时，它应该会显示出来。因此cookies accept按钮只能在该页面上工作

如何做到这一点。我试过一些方法，但不起作用。帮我修一下

这就是我现在使用的代码

 jQuery(document).ready(function ($) {
        if (getCookie('popupCookie') != 'submited') {
            if (getCookie('popupCookie') != 'closed') {
                $('.floating-banner').css("display", "flex").hide().fadeIn();
            }
        }

        $('#close-banner').click(function () {
            $('.floating-banner').fadeOut();
            setCookie('popupCookie', 'closed', 1);
        });

        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.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 "";
        }

        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=/";
        }

    });

jQuery（文档）.ready（函数（$）{
如果（getCookie（'popupCookie'）！='submited'）{
如果（getCookie（'popupCookie'）！='closed'）{
$（'.floating banner'）.css（“display”，“flex”）.hide（）.fadeIn（）；
}
}
$（“#关闭横幅”）。单击（函数（）{
$（'.floating banner'）.fadeOut（）；
setCookie（'popupCookie'，'closed'，1）；
});
函数getCookie（cname）{
变量名称=cname+“=”；
var ca=document.cookie.split（“；”）；
对于（变量i=0；i

这看起来真的很糟糕。实际上我们有一个小的产品弹出窗口。它为不同的页面提供不同的消息。因此，我需要这个。