插件 jQuery.cookiebar 中文API文档

🌙
手机阅读
本文目录结构

插件 jQuery.cookiebar 中文API文档

jQuery CookieBar插件

2012年5月26日,欧盟政府决定欧盟内部的每个网站都必须允许访问者允许或禁用cookie。虽然大多数人认为这是不必要的,并且对收集分析数据等造成干扰,但欧盟法律获得通过。欧盟破坏互联网的步骤之一。

但是,不是简单地拒绝遵守并可能在未来面临后果,许多网站所有者和开发人员采取了在其网站上实施代码的步骤,以便用户可以选择启用或禁用cookie。

介绍

Cookie Bar插件在网站的顶部或底部创建一个小条,其中包含有关Cookie以及接受,拒绝和隐私策略按钮的简短消息。

一旦用户决定接受或拒绝,Cookie栏会向上滑动,然后消失。

Cookie栏可以设置为以多种方式工作。默认情况下,它使用假定的同意。这意味着当用户访问网站时,可以将cookie设置为正常而不会中断。仍会显示Cookie栏以向用户提供Cookie选项。

它也可以设置为假设拒绝。因此,当用户访问网站时,直到他们按下Cookie栏上的接受按钮,不应设置任何Cookie。

您可以指定Cookie栏上显示的按钮。默认设置是显示接受和隐私策略按钮,不显示拒绝按钮。这样,使用假定的同意,并且用户不能选择退出cookie。如果用户对cookie的使用不满意,他们可以简单地离开网站。

Cookie栏也很容易风格。总共只有9行CSS代码。更改高度,宽度,背景颜色等非常快速和简单,这意味着它可以适应网站设计和配色方案。

安装

首先,下载包含Cookie Bar插件,CSS文件和示例HTML文档的zip文件。将javascript和CSS文件上传到您的网站,并在头标记之间添加。如果您的网站尚未包含jQuery,请务必下载最新版本的jQuery。

您还需要初始化Cookie栏,可以使用以下代码完成(确保您已经使用$(document).ready(),您只需复制下面所需的内容,这样您就不会有太多$(文件)。就绪(的))。

$(document).ready(function(){
  $.cookieBar();
});

刷新您的网站,Cookie栏应该出现!

基本设置可能如下所示:

<script type="text/javascript" src="/your-js-folder/jquery.js"></script> 
<script type="text/javascript" src="/your-js-folder/jquery.cookiebar.js"></script> 
<script type="text/javascript"> 
  $(document).ready(function(){
     $.cookieBar();
  });
</script>

如果cookiebar未显示,请检查是否存在任何javascript错误。

如果cookiebar在接受/拒绝后继续显示,请确保从代码中删除“forceShow”选项,或将其设置为“false”。

停用Google Analytics和其他Cookie

如果用户选择禁用Cookie(如果您为其提供该选项),则需要确保需要禁用Google Analytics等脚本。

这可以通过将代码包装在简单的if语句中来完成。

if(jQuery.cookieBar('cookies')){
  //Google Analytics or other code here
}

AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

于2021年离开前端领域,目前重心放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>

于2021年离开前端领域,目前从事区块链方面工作了