阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      插件 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
      }
      
      目录
      目录