jQuery cookie弹出窗口在每个会话中仅显示一次

Question

我使用此代码在每个会话中仅向用户显示一次弹出窗口。 它可以工作，但只会在特定的URL上显示一次。 例如，如果用户访问www.mydomain.com/some-url-1 ，它将仅在该URL上显示一次，但是，如果用户访问其他URL www.mydomain.com/some-different-url则弹出窗口再次出现。

我希望它在整个域中只显示一次。

这是代码：

<div id="trex-widget391" class="trex-popup-widget"></div> 
   <script>
       function trexCallback391(trex){document.getElementById("trex-widget391").innerHTML=trex.html;}
       jQuery(".trex-popup-widget").mouseover(function(e){
           if(document.cookie.indexOf("popup_trex") ===-1) {
               jQuery("#trex_overlay_fsl_popup").fadeIn('slow');
               expiry = new Date();expiry.setTime(expiry.getTime()+(10*60*1440000)); 
               document.cookie = "popup_trex=yes; expires=" + expiry.toGMTString();
           }
       });
   </script> 
   <script src="http://clanci.geek.hr/widget/widget.php?id=391" async defer></script>

有谁知道需要修改什么才能在整个域及其子域中仅显示一次弹出窗口？

Answer 1

如果支持的浏览器列表允许，则最好使用Web存储来跟踪用户在整个会话中是否看到了弹出窗口。

https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API

sessionStorage允许您存储一个值，以表示用户已看到弹出窗口。 此存储已沙箱化到您的域，并在会话结束时清除。

您的代码段需要修改为以下内容：

<div id="trex-widget391" class="trex-popup-widget"></div> 
   <script>
       function trexCallback391(trex){document.getElementById("trex-widget391").innerHTML=trex.html;}
       jQuery(".trex-popup-widget").mouseover(function(e){
           if(!sessionStorage.seenPopup) {
               jQuery("#trex_overlay_fsl_popup").fadeIn('slow');
               sessionStorage.seenPopup = "yes";
           }
       });
   </script> 
   <script src="http://clanci.geek.hr/widget/widget.php?id=391" async defer></script>