美文网首页
浮窗广告的实现原理

浮窗广告的实现原理

作者: 7c1fb13ff46d | 来源:发表于2017-03-26 21:47 被阅读0次

        很多第三方的广告系统都是使用document.write来加载广告,如下面的一个javascript的广告链接:

         这个javascript请求返回的是这样的一段代码:

       这种加载来自第三方,并且代码都添加了统计的功能,上面的javascript的广告链接每请求一次都会统计一次,生成的代码也有点击统计的功能,也就是说必须以这种方式来进行加载。

        例子1www.piaohua.com,左上角广告banner和左下角浮窗广告都是通过加载广告脚本,可以通过拦截该piaohua_banner_980_60_4.js的请求,来终止document.writeln的写入。

       例子2:(广告通过iframe加载#document然后一个完整的html来实现

拦截实例:http://blog.csdn.net/cteng/article/details/42681299

        <img src="http://f12.baidu.com/it/u=200290511,3287632236&amp;fm=76" id="img_6" class="figure" style="opacity: 1;">

       ||pos.baidu.com/icrm?rdid=2895327 … … // ADBlock拦截规则

//iframe元素会创建包含另外一个文档的内联框架(即行内框架)。

id="iframeu2895327_0"src="http://pos.baidu.com/icrm?rdid=2895327

&dc=3&di=u2895327&dri=0&… > … …

        Key:这一类广告通常采用阻塞资源加载即可,

        另一例子:http://www.w3school.com.cn/tags/tag_iframe.asp

       因请求的失败相应的脚本也会更改

       <div id="sub-frame-error-details" jsselect="summary" jsvalues=".innerHTML:msg" jstcache="2">对服务器的请求已遭到某个扩展程序的阻止。</div>

         例子3:弹窗广告(document.open();  document.write())

<iframe scrolling="no" frameborder="0" src='javascript:(function()

{document.open();document.write("<!DOCTYPE HTML><html><head><meta charset=UTF-8><title>mblog-proxy</title><style>html,body,*{margin:0;padding:0}</style></head><body marginwidth=\"0\" marginheight=\"0\"><script type=\"text/javascript\" src=\"//zzy.mipujia.com/rg3a1ece92f1ccff39db046a92f0b03ae645f7d70d3aac32ed12.js\"></script>    </body></html>");document.close();})();' style="width: 100%; height: 150px;"></iframe>

汇总一下浮窗广告特征

1.<embed> , <embed> 标签定义嵌入的内容,比如插件:

<embed pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/

x-shockwave-flash" src="http://sjs.sinajs.cn/blog7swf/lookViewSpring.swf?2" width="140" height="87" style="undefined" id="map" name="map" bgcolor="#000" quality="high" scale="noscale" allowscriptaccess="always" wmode="transparent" flashvars="url=http://

weibo.com/blogkefu&amp;realfull=1&amp;moz=1&quot;/" title="Adobe Flash Player">

2.<img>,例如:

<img src="http://f12.baidu.com/it/u=198212411,3052252488&amp;fm=76" id="img_4" 

class="figure" style="opacity: 1;">

<img data-src="http://asearch.alicdn.com/bao/uploaded/i4/170740129052234075/

TB2b_BygXXXXXapXpXXXXXXXXXX_!!55027074-0-saturn_solar.jpg_160x160.jpg_.webp" src="http://asearch.alicdn.com/bao/uploaded/i4/170740129052234075/TB2b_BygXXXXXapXpXXXXXXXXXX_!!55027074-0-saturn_solar.jpg_160x160.jpg_.webp">

3.<ins>,带有已删除部分和新插入部分的文本,例如:

<ins class="sinaads sinaads-done" data-ad-pdps="PDPS000000049439" style="width: 1000px; margin: 0px auto; display: block; overflow: hidden; text-decoration: none;" data-ad-status="done"><ins style="text-decoration:none;margin:0px auto;width:1000px;display:block;

position:relative;overflow:hidden;"><a style="display:block;line-height:0;" href="http://

sax.sina.com.cn/dsp/click?t=MjAxNy0wMy0yMSAxNDoyNjoxOAkxMTkuMTQ1Ljg5Ljk3CTExOS4xNDUuODkuOTdfMTQ4OTk5MjMwNC4xNzM0MjkJOWQ3ZTAzMDMtZmQyNC00OWYyLThjMmItZDI5MDE2MDQ5ODM5CTc0MzkyNQk1ODc3NjEwNDM3X1BJTlBBSS1DUEMJMjY3NDM4CTE5OTAyNAk0Ljc0NzAyRS00CTEJdHJ1ZQlQRFBTMDAwMDAwMDQ5NDM5CTE4NDc5MzcJUEMJaW1hZ2UJLQkwfDJBVWxQR1JMWTVOWUhNR3BHd1V0R1h8bnVsbHxudWxsfGJqfDc0MzkyNXwxNk1tVTcwVXMwQnhqRk9LZ1hvUkhoCW51bGwJMQktCS0JLQkwCTExOS4xNDUuODkuOTdfMTQ4OTk5MjMwNC4xNzM0MjkJUENfSU1BR0UJLQlmbS1zaW1pZC1ydAkt&amp;userid=119.145.89.97_1489992304.173429&amp;auth=935b701a15e9be83&amp;p=qwyTl52jN76Q6C8ezBcqktTctmKhhxGdokYAVg%3D%3D&amp;url=http%3A%2F%2Fsax.sina.com.cn%2Fclick%3Ftype%3D2%26t%3DYWIwYzkzOTctOWRhMy0zN2JlLTkwZTgtMmYxZWNjMTcyYTkyCTE3CVBEUFMwMDAwMDAwNDk0MzkJMTg0NzkzNwkxCVJUQgkt%26id%3D17%26url%3Dhttp%253A%252F%252F51485148.com%252F%253Fgzid%253DC100090%2526SET_A%253DPDPS000000049439%2526SET_B%253D743925%2526SET_C%253D1847937%2526SET_D%253D9d7e0303-fd24-49f2-8c2b-d29016049839%2526SET_E

%253D267438%2526SET_F%253D1%26sina_sign%3D5f4dd73742df4865&amp;sign=8fd9f19820ac0b91&amp;am=%7Bclkx%3A534%2Cclky%3A21%7D" target="_blank" data-link="http://

sax.sina.com.cn/dsp/click?t=MjAxNy0wMy0yMSAxNDoyNjoxOAkxMTkuMTQ1Ljg5Ljk3CTExOS4xNDUuODkuOTdfMTQ4OTk5MjMwNC4xNzM0MjkJOWQ3ZTAzMDMtZmQyNC00OWYyLThjMmItZDI5MDE2MDQ5ODM5CTc0MzkyNQk1ODc3NjEwNDM3X1BJTlBBSS1DUEMJMjY3NDM4CTE5OTAyNAk0Ljc0NzAyRS00CTEJdHJ1ZQlQRFBTMDAwMDAwMDQ5NDM5CTE4NDc5MzcJUEMJaW1hZ2UJLQkwfDJBVWxQR1JMWTVOWUhNR3BHd1V0R1h8bnVsbHxudWxsfGJqfDc0MzkyNXwxNk1tVTcwVXMwQnhqRk9LZ1hvUkhoCW51bGwJMQktCS0JLQkwCTExOS4xNDUuODkuOTdfMTQ4OTk5MjMwNC4xNzM0MjkJUENfSU1BR0UJLQlmbS1zaW1pZC1ydAkt&amp;userid=119.145.89.97_1489992304.173429&amp;auth=935b701a15e9be83&amp;p=qwyTl52jN76Q6C8ezBcqktTctmKhhxGdokYAVg%3D%3D&amp;url=http%3A%2F%2Fsax.sina.com.cn%2Fclick%3Ftype%3D2%26t%3DYWIwYzkzOTctOWRhMy0zN2JlLTkwZTgtMmYxZWNjMTcyYTkyCTE3CVBEUFMwMDAwMDAwNDk0MzkJMTg0NzkzNwkxCVJUQgkt%26id%3D17%26url%3Dhttp%253A%252F%252F51485148.com%252F%253Fgzid%253DC100090%2526SET_A%253DPDPS000000049439%2526SET_B%253D743925%2526SET_C%253D1847937%2526SET_D%253D9d7e0303-fd24-49f2-8c2b-d29016049839%2526SET_E%

253D267438%2526SET_F%253D1%26sina_sign%3D5f4dd73742df4865&amp;sign=8fd9f19820ac0b91" onmousedown="return sinaadToolkit.url.fortp(this, event);"><img border="0" src="//d6.sina.com.cn/pfpghc2/201703/21/ff328cbc465743fdb8e2be2160d77133.jpg" style="width:1000px;height:90px;border:0" alt="//d6.sina.com.cn/pfpghc2/201703/21/ff328cbc465743fdb8e2be2160d77133.jpg"></a><div style="width: 26px; height: 13px; position: absolute; right: 1px; bottom: 1px; z-index: 99; background: url(&quot;//d2.sina.com.cn/litong/zhitou/sinaads/release/ad_logo_update_IAB.gif&quot;) no-repeat;"></div></ins></ins>

4.<iframe>

5.关闭广告(标签):

<div style="background: url(&quot;http://d1.sina.com.cn/litong/zhitou/sinaads/

60x18_2_close.gif&quot;) left top no-repeat; cursor: pointer; z-index: 11010; position: absolute; width: 60px; height: 18px; right: 7px; top: 1px;"></div>

6.<a>…</a>,例子:url: http://www.piaohua.com/

<div style="position:absolute;z-index:1">

<a href="http://s.code.twyxi.com/htmlcode/2289_1.html?tj=0&amp;agent_id=1009

&amp;placeid=2289&amp;type=3&amp;game_id=40&amp;aid=lraa&amp;rand=1&amp;cplaceid=&amp;t=0.22488892364733504" target="_blank">

<img src=http://dm.flash.twyxi.com/flash//c.gif width="300" height="250" border="0">

</a></div>

7.小部分浮窗广告为flash(chrome浏览器自动屏蔽flash)

PS

1 <a href="javascript:alert(1)" ></a>

2 <iframe src="javascript:alert(1)" />

3 <img src='x' onerror="alert(1)" />

4 <video src='x' onerror="alert(1)" ></video>

5 <div onclick="alert(1)" onmouseover="alert(2)" ><div>

6 flash

相关文章

  • 浮窗广告的实现原理

    很多第三方的广告系统都是使用document.write来加载广告,如下面的一个javascript的广告...

  • App桌面浮窗实现

    背景 在某些场景下,应用退到后台其实还需要保留与用户一定程度的交互,这时候就衍生出今天的主题,App桌面浮球的实现...

  • 简书的故事

    简书对广告商说:来打广告吧,我这日活2000万。 广告如期登载,浮窗霸屏。 简书对用户说:广告很烦?充会员免广告,...

  • 惰性单例

    定义在需要的时候创建对象的实例 惰性单例实现div浮窗

  • 关于css浮层的实现原理

  • 简单的浮窗

    用过大众点评和美团的都应该看到过这样一个效果 商品页不断向上滑动,购买的按钮一直悬浮在那里 。我做了一个类似的效果...

  • Android 开发之锁屏弹窗

    尝试利用 WindowManager 添加浮窗的方式实现 想在锁屏上面实现弹窗,第一个想法就是利用 WindowM...

  • Activity是如何接收到touch事件的(窗口与用户输入系统

    在《浮窗开发之窗口层级》这片文章中,开篇提出了三个问题: 窗口层级关系(浮窗是如何“浮”的)? 浮窗有哪些限制,如...

  • 微信浮窗、微信浮球功能实现demo

    微信6.6.7版本近日更新了,最大的亮点莫过于浮窗功能,主要用于将微信文章嵌入到浮窗内,方便大家看文章被其他信息打...

  • 仿新版微信浮窗效果

    仿新版微信浮窗效果 仿新版微信浮窗效果

网友评论

      本文标题:浮窗广告的实现原理

      本文链接:https://www.haomeiwen.com/subject/ibzkottx.html