粘性Cookie接受jQuery中 横幅 cookit.js

  • 源码大小:94.33KB
  • 所需积分:1积分
  • 源码编号:19JP-3561
  • 浏览次数:385次
  • 最后更新:2023年06月26日
  • 所属栏目:其他
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

只是另一个JavaScript解决方案,使您的网站符合欧盟cookie法。

cookit.js是一个小巧但可配置的jQuery cookie同意插件,用于创建一个粘性底部cookie条,通知用户在您的网站上使用cookie的情况,并要求他们同意接受cookie。

该插件在用户第一次访问时显示cookie同意横幅,并在365天内记住用户的选择。

参见:

  • 符合GDPR的Cookie同意弹出插件-jQuery ihavebookies.js

如何使用它:

1.将jQuery库和cookit.js插件的文件添加到您的网站。

<link rel="stylesheet" href="/path/to/cookit.css" />
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cookit.js"></script>

2.初始化插件,在网页底部生成默认的cookie同意横幅。

$(function(){
  $.cookit();
});

3.自定义cookie同意消息。

$.cookit({
  messageText: "<b>Do you hungry ?</b> Pursuing navigation on this site, you accept the use of cookies.",
  linkText: "Learn more",
  linkUrl: "/privacy/",
  buttonText: "I accept"
});

4.自定义cookie同意横幅的外观。

$.cookit({
  backgroundColor: '#1c1c1c',
  messageColor: '#fff',
  linkColor: '#fad04c',
  buttonColor: '#fad04c',
  buttonTextColor:'#00000',
});

5.设置cookie的最大使用寿命。默认值:365。

$.cookit({
  lifetime: 365,
});

更新日志:

2022-05-24

  • 增加了自定义按钮文本颜色的功能

2021-05-04

  • 在“接受”按钮上添加preventDefault()

2021-05-02

  • 更新的样式

预览截图