1949啦网--小小 痛苦,是因为能力和欲望不匹配造成的

js实现每个IP每天只出现一次的弹窗广告页

弹窗广告虽然效果很好,但很容易招人反感,如何把握用户体验与广告效果的平衡就很值得重视,下面推荐一段限制每IP只弹出一次的弹窗广告代码,较好了解决了用户体验的问题。

预览页面以直接中转到广告页面代码为例

<!DOCTYPE html>  <html>  	<head>  		<meta charset="UTF-8">  		<title></title>  		<script src="../js/jquery-1.11.3.min.js" type="text/javascript"></script>  		<script type="text/javascript">  function cookieGO(name) {    var today = new Date();    var expires = new Date();    expires.setTime(today.getTime() + 1000*60*60*24);    setCookie("cookievalue", name, expires);  }    function setCookie(name, value, expire) {       window.document.cookie = name + "=" + escape(value) + ((expire == null) ? "" : ("; expires=" + expire.toGMTString()));  }    function getCookie(Name) {        var findcookie = Name + "=";     if (window.document.cookie.length > 0) { // if there are any cookies       offset = window.document.cookie.indexOf(findcookie);    if (offset != -1) { // if cookie exists         offset += findcookie.length;          // set index of beginning of value      end = window.document.cookie.indexOf(";", offset)          // set index of end of cookie value      if (end == -1)        end = window.document.cookie.length;      return unescape(window.document.cookie.substring(offset, end));       }     }     return null;  }    function TanChuang() {    var c = getCookie("cookievalue");    //alert(c);    if (c != null) {      return;    }    cookieGO("getcookie");        /**var featureStr="''";    featureStr="'top=0,left=0,width=800,height=600,toolbar=yes, menubar=no, scrollbars=no, resizable=no, location=no, status=no,center:no'";    self.focus();    var ExitWindow = window.open(exitURL,'', featureStr);    ExitWindow.focus();**/      window.location.href = exitURL;      }  var exitURL="https://www.qiquanji.com/data/img/dmj/201907251564026339179503.jpg";    setTimeout("TanChuang()",2000);  window.focus()  </script>  	</head>  	<body>  	</body>  </html>

注意:

chrome浏览器在本地获取不到cookie。必须在服务器上才可以。如果是本地的话,你可以放到local的www目录下面。

Google Chrome只支持在线网站的cookie的读写操作,对本地html的cookie操作是禁止的。所以下面的代码如果你写在一个本地的html文件中,将弹出的对话框内容为空。

document.cookie = "Test=cooo";

alert(document.cookie);

如果这个页面是在线网站的内容,则会正常显示cookie内容Test=cooo等等。


 第二种(只在当前页弹出广告窗)简单的方法:

弹广告后,直接再用户浏览器里放一个过期时间为24小时的cookie,检测cookie是否存在,存在就不弹,不能存在再弹广告,同时更新cookie。

<!DOCTYPE html>  <html>  	<head>  		<meta charset="UTF-8">  		<title></title>  		<script src="../js/jquery-1.11.3.min.js" type="text/javascript"></script>  		<script type="text/javascript">  var date=new Date();   var expireDays=1;   date.setTime(date.getTime()+expireDays*24*3600*1000);   document.cookie="ad=1; expire="+date.toGMTString();      function getCookie(cookie_name){       var results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');              if (results)           return (unescape(results[2]));       else           return null;   }      if (!getCookie("ad")) {      alert("弹出广告窗");  }  </script>  	</head>  	<body>  	</body>  </html>


方法三:在当前网页(弹出另一个网页)缺点是一般的浏览器会阻止弹页

弹出式窗口通常被用来做弹出广告(CPM),其实用弹出式窗口用来做消息通知也是最普遍而且是最有效的方法,但如果每次刷新页面特别是刷新首页都要弹出窗口的话,那绝对是让访问者厌烦的事情。

比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,我们使用cookie来控制一下就可以了。 

原理:编写代码查看当前访问者计算机上的Cookie中是否包含有本网站的信息,如果有,则此计算机已经不是第一次访问首页,再次浏览首页时无需弹出广告窗口;否则,就弹出广告。

<!DOCTYPE html>  <html>  	<head>  		<meta charset="UTF-8">  		<title></title>  		<script src="../js/jquery-1.11.3.min.js" type="text/javascript"></script>  		<script type="text/javascript">    window.onload=loadpopup();    function openwin(){       window.open("https://www.qiquanji.com/","","width=300,height=300")          }       function get_cookie(Name) {       var search = Name + "="       var returnvalue = "";       if (document.cookie.length > 0) {       offset = document.cookie.indexOf(search)       if (offset != -1) {       offset += search.length       end = document.cookie.indexOf(";", offset);       if (end == -1)       end = document.cookie.length;       returnvalue=unescape(document.cookie.substring(offset, end))       }       }       return returnvalue;       }         function loadpopup(){       if (get_cookie('popped')==''){       openwin()       document.cookie="popped=yes"       }       }       </script>  	</head>  	<body>  	</body>  </html>

原文链接:https://www.qiquanji.com/post/8131.html

本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。

微信扫码关注

更新实时通知

作者:xialibing 分类:网页教程 浏览: