插件 jQuery.cookiebar 中文API文档
插件 jQuery.cookiebar 中文API文档
- Github 地址:https://github.com/missing-code/jquery-cookiebar
- 源码下载: -
- 效果演示: -
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
}