对于背投广告的原理来说并没有什么难度,无非打开的窗口失去焦点(blur),而原来页面得到焦点(focus)。但对于流行的浏览器来说,如果非用户行为的弹出窗口(即 onload 时,直接window.open ),会被浏览器默认拦截。
背投广告,既然被称为广告,那如何才能让广告主的钱花得实在,花得乐意呢?
我们可以增加判断,如果该弹出窗口被浏览器拦截,则只要用户点击页面就触发 window.open 事件,这样一般不会拦截,浏览器会认为这是用户的默认行为。
代码可编写如下:
var $E = YAHOO.util.Event;
var adPopup;
var popAd = function(sURL,sName,sFeatures,bReplace) {
if (adPopup) return;
if(sName == undefined) {
sName = '_blank';
};
if(sFeatures == undefined) {
sFeatures = '';
};
if(bReplace == undefined) {
bReplace = false;
};
adPopup = window.open(sURL,sTarget,sFeatures,bReplace);
adPopup.blur();
adPopup.opener.focus();
$E.removeListener(document.body, 'click', arguments.callee);
}
try {
popAd();
} catch (e) {
$E.on(document.body, 'click', popAd);
}
当然如果用户浏览器安装了拦截插件,那很有可能不会弹出(比如 Firefox 的 noscript 插件,就不允许任何弹出窗)。方法不是绝对的,也不是最好的,只是用最少的时间来做最效率的事情。
PS:可以通过模拟 form 提交的方式来弹出窗口,穿越性(相对于一般拦截弹窗的插件)很好,不过无法设置 sFeatures 参数内容
witter:
共有13 条评论
最烦人研究这类东西来着。
其实自己也不喜欢背投广告的模式,可是有时候工作和个人喜好是两回事,嘿嘿。不过提供的方法还好,并没有去想法设法绕过插件的屏蔽。
只会影响网站形象。
这是最没水平的一种广告,大多数人看也不看就立即关掉,并很可能把这个网站当作病毒网站,再也不会光顾,更不用说会点击或者产生什么广告效果了(反面效果倒是有,我个人特憎恶这种)。
我认为提供这种广告的服务服务商本身没水平;做这种广告推广的客户的产品也一定特没水准。
侧栏广告/小幅广告如果匹配上,并且来源正当的会,我一般会看一下,开拓一下视野。
HOHO,公布这些纯粹是讨骂,不过现在FX和IE7都有了可以杀这种“用户行为弹出”的插件了,所以……当然为免有人再研究,还是打住不讲是什么了。
[...] 背投广告代码的完善 _ PlanABC – 怿飞’s Blog (tags: javascript 广告代码) [...]
商业需求
搞这个的时候肯定会考虑用户的负面成本的
但popAd(很多清凉妞)偶就很喜欢
越来越喜欢try catch了…
[...] 背投广告代码 by 驿飞: http://www.planabc.net/2008/03/05/ad_back_pop/ [...]
[...] 作者:怿飞 转自链接:http://www.planabc.net/2008/03/05/ad_back_pop/ [...]
[...] 第一个约束条件没有突破口,而第二个问题如果仅仅是指让浏览器不拦截JS的新开窗口也比较好处理,这里可以借鉴提交target属性为“_blank”的form表单(对应的blog)或者淘宝怿飞的一篇博客。 [...]
form弹窗虽然无法设置 sFeatures 参数, 不过能用window.opener来引用原窗口取需要的参数
背投广告的存在其商务目的很明显,虽然我们网站是不用的,但是客户总是强烈要求。真的很烦人呢,哈哈。不过没办到
[...] 第一个约束条件没有突破口,而第二个问题如果仅仅是指让浏览器不拦截JS的新开窗口也比较好处理,这里可以借鉴提交target属性为“_blank”的form表单(对应的blog)或者淘宝怿飞的一篇博客。 但怿飞的blog中有一点很重要——用户点击页面。即使我用了下面一段代码来模拟点击事件也是不行的。 var linkDom = document.getElementById('Alink'); if (document.all){ linkDom.fireEvent('onclick'); }else{ var evt = document.createEvent("HTMLEvents"); evt.initEvent("click", true, true); linkDom.dispatchEvent(evt); } 我在异步回调函数中已经将URL写入到了Alink元素的href上,上面的代码确实让Alink元素触发了click事件,但不会打开页面,因为浏览器会判断当用户主动点击页面的时候才是用户自己的行为,才去打开新开窗口。 [...]