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

时间：6年前阅读：9352

弹窗广告虽然效果很好，但很容易招人反感，如何把握用户体验与广告效果的平衡就很值得重视，下面推荐一段限制每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,我们将及时处理。

微信扫码关注

更新实时通知

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

网友评论