对于背投广告的原理来说并没有什么难度,无非打开的窗口失去焦点(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 参数内容



共有15 条评论

  1. 1. 头像 正淳

    最烦人研究这类东西来着。

  2. 2. 头像 怿飞

    其实自己也不喜欢背投广告的模式,可是有时候工作和个人喜好是两回事,嘿嘿。不过提供的方法还好,并没有去想法设法绕过插件的屏蔽。

  3. 3. 头像 Captain

    只会影响网站形象。

  4. 4. 头像 闲耘

    这是最没水平的一种广告,大多数人看也不看就立即关掉,并很可能把这个网站当作病毒网站,再也不会光顾,更不用说会点击或者产生什么广告效果了(反面效果倒是有,我个人特憎恶这种)。
    我认为提供这种广告的服务服务商本身没水平;做这种广告推广的客户的产品也一定特没水准。
    侧栏广告/小幅广告如果匹配上,并且来源正当的会,我一般会看一下,开拓一下视野。

  5. 5. 头像 Hoho

    HOHO,公布这些纯粹是讨骂,不过现在FX和IE7都有了可以杀这种“用户行为弹出”的插件了,所以……当然为免有人再研究,还是打住不讲是什么了。

  6. 6. links for 2008-11-24 | 混乱八小时

    […] 背投广告代码的完善 _ PlanABC – 怿飞’s Blog (tags: javascript 广告代码) […]

  7. 7. 头像 bigCat

    商业需求
    搞这个的时候肯定会考虑用户的负面成本的
    但popAd(很多清凉妞)偶就很喜欢
    越来越喜欢try catch了…

  8. 8. 背投广告代码 - 大猫の代码脚本碎片

    […] 背投广告代码 by 驿飞: http://www.planabc.net/2008/03/05/ad_back_pop/ […]

  9. 9. 点击页面 触发 window.open 事件 « web前端开发工程师的随记–黑妞haha

    […] 作者:怿飞 转自链接:http://www.planabc.net/2008/03/05/ad_back_pop/ […]

  10. 10. 异步完成后新开窗口 - Hiwon in the house

    […] 第一个约束条件没有突破口,而第二个问题如果仅仅是指让浏览器不拦截JS的新开窗口也比较好处理,这里可以借鉴提交target属性为“_blank”的form表单(对应的blog)或者淘宝怿飞的一篇博客。 […]

  11. 11. 头像 天堂左我往右

    form弹窗虽然无法设置 sFeatures 参数, 不过能用window.opener来引用原窗口取需要的参数

  12. 12. 头像 River

    背投广告的存在其商务目的很明显,虽然我们网站是不用的,但是客户总是强烈要求。真的很烦人呢,哈哈。不过没办到

  13. 13. 异步完成后新开窗口 « Koubei UED

    […] 第一个约束条件没有突破口,而第二个问题如果仅仅是指让浏览器不拦截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事件,但不会打开页面,因为浏览器会判断当用户主动点击页面的时候才是用户自己的行为,才去打开新开窗口。 […]

  14. 14. UXRen | 用户体验那些人 | 资讯频道 » 异步完成后新开窗口

    […] 第一个约束条件没有突破口,而第二个问题如果仅仅是指让浏览器不拦截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事件,但不会打开页面,因为浏览器会判断当用户主动点击页面的时候才是用户自己的行为,才去打开新开窗口。 […]

  15. 15. [原创]淘宝弹出广告实现方法 - web标准 - 开发者问答

    […] 淘宝的代码一直公开的。 http://www.planabc.net/2008/03/05/ad_back_pop/ […]

发表评论

(必填)

(必填,会为您保密)

评论仅支持“a、abbr、strong、em、blockquote、code”几个简单的标签