用户重新访问我的网站时如何不再次显示弹出窗口？

Question

我在网站上创建了自动弹出窗口，但是当用户重新访问我的网站时，我没有再次显示自动弹出窗口？

我的框架是： Laravel 5.2

HTML：

<div id="popup_this">
  <span class="button b-close">
    <span>X</span>
  </span>
  <h3>A nice ad goes here!</h3>
  <p>Nulla at nunc posuere, dictum sem sed, tristique mi.</p>
</div>

jQuery bPopup插件：

<script src="/path/to/jquery.bpopup.min.js"></script>

脚本：

<script>
   $( document ).ready(function() {
      $('#popup_this').bPopup();
   });
</script>

Answer 1

我建议用户一旦看到弹出窗口，就使用JS Cookie设置cookie。

另外，您不需要插件即可执行弹出窗口。 只需使用Jquery并添加一个类，然后在CSS中设置所有样式即可。

Answer 2

我会用一个简单的localStorage做到这一点。

您可以在浏览器中阅读有关存储的更多信息： 存储

$(document).ready(function() {
  if(!localStorage.getItem('visited')){
    localStorage.setItem('visited',true);
    $('#popup_this').bPopup();}
});