Question

设置隐私权政策通知栏，并希望每个用户或会话仅显示一次，并且仅在首页或着陆页上显示。现在，每次访问都会显示在每个页面上。

HTML

  <span class="banner tracking-banner p-t-1">
    <div class="container">
       <div class="row">
          <div class="col-sm-10 text-left m-b-1">
            This website uses cookies and other 3rd party services to customize and provide you a more personalized experience. To find out more, see our <a href="/privacy/">Privacy Policy</a>.
          </div>
          <div class="col-sm-2 m-b-1">
            <button class="dismiss btn btn-sm btn-block btn-invert">Accept</button>
          </div>
      </div>
    </div>
  </span>

JS

$(document).ready(function(){
    $(".banner").fadeIn("slow").append("");
    $(".dismiss").click(function(){
        $(".banner").fadeOut("fast");
    });
})

有没有办法添加用户或会话跟踪，以便每次都不会在每个页面上显示通知？

Answer 1

请参阅会话存储：https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage

或本地存储：https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage

示例：

$(document).ready(function() {
  if (!sessionStorage.getItem('policy')) {
    $(".banner").fadeIn("slow").append("");
    $(".dismiss").click(function() {
      $(".banner").fadeOut("fast");
      sessionStorage.setItem('policy', 'read');
    });
  }
});

Answer 2

使用sessionStorage临时保存显示警报的状态：

$(document).ready(function(){
 if (sessionStorage.alertshown!="yes"){
    $(".banner").fadeIn("slow").append("");
    $(".dismiss").click(function(){
      $(".banner").fadeOut("fast");
      sessionStorage.alertshown="yes";
   });
 }
})

Answer 3

要解决的几件事情：

仅在前台/目标网页上显示弹出窗口取决于您处理网站视图的方式。这可能很简单，因为不包括弹出窗口的代码而不是登陆页面。但是，从长远来看，解决＃2应该会对你有所帮助。
SessionStorage可用于设置在用户会话期间检查的变量。在这种情况下，我们可以使用一个简单的布尔值：

$(document).ready(function(){
  if(!sessionStorage.alertShown) {
    $(".banner").fadeIn("slow").append("");
    $(".dismiss").click(() => $(".banner").fadeOut("fast"));
    sessionStorage.alertShown = true; //set to true so they aren't shown again
  }
});

使用预先制作的Cookie警报解决方案，例如Cookie Consent，为您解决所有问题。

每页显示通知栏

3 个答案: