html如何屏蔽弹窗广告，求一个代码

路由器上的广告脚本很难删除，因此请更换为无广告的路由器。

项目：以前的网站 时间：2 02 0年 数量：3 个路由器替换件

怎样把广告代码Iframe代码放在网站了？怎么放！我是菜鸟，详细点谢谢！

我记得有一次，我在一个周末的下午试图在我的个人博客上添加一个新的广告位，希望能够提高我网站的收入。
当时，我在一家安静的咖啡馆里，耳边是咖啡机的声音和自行车铃声。
我坐在电脑前，打开广告提供商发给我的电子邮件，里面乱七八糟，看起来像代码。

我复制了电子邮件中的代码，打开我的网站后端并开始寻找编辑页面。
网页上一行行的文字和各种HTML标签让我眼花缭乱，但我终于找到了目标，我的主页的代码。
我小心翼翼地将广告代码粘贴到页面正确的位置，调整宽度和高度，看起来终于嵌入了。

我保存了更改并重新加载了页面，但我没有看到任何广告效果。
我有点惊慌，重新检查了代码并重新嵌入了几次。
最后，经过多次尝试和错误，我发现我的浏览器显示的广告与我网站上显示的广告不同。
我突然想到，我应该清除浏览器缓存或者检查浏览器安全设置吗？
一个小时过去了，我恍然大悟，广告终于顺利出现在我的页面上了。
看起来不错。
那天，我没有收到任何新客户的询问，但我觉得我学到了很多东西。
等等，还有别的事。
突然我想，做广告是不是也要遵守当地的广告法呢？这可是件大事，我得去看看。

如何使用IntersectionObserver API实现左右两侧广告根据页面滚动自动隐藏？

说实话，我之前在项目中尝试过使用 IntersectionObserver 自动隐藏广告，其实还挺好玩的。
以我们之前创建的电商详情页面为例。
顾客尤其对底部的两条固定广告条感到恼火。
每次用户滚动到底部阅读评论并想要购买时，广告都会突然挡住屏幕，导致体验非常糟糕。

当时，我们考虑过让广告在用户查看内容时保持可见，然后当用户明显在底部区域工作时让广告自动消失。
因此，该解决方案的核心是监视底部的固定元素（例如“评论”或“立即购买”按钮）。
当它进入视口时，意味着用户可能已经到达底部。
这时，两侧的广告条就隐藏起来了。

从代码实现上来说，你的文章说的很清楚了。
对 .left 和 .right 使用固定定位非常重要。
这对于确保广告在滚动时不会跟随内容非常重要。
我忘了在以前的项目中设置它。
结果是广告在滚动时像船一样上下颠簸。
用户表示，他们感觉就像在船上看广告一样，并简单地说他们再也不会购买了。

有趣的是IntersectionObserver的阈值。
您将其设置为 0.1 ，当底部 1 0% 的元素进入视口时触发。
这确实是一次宝贵的经历。
当我尝试将其设置为0.5 时，广告突然消失，用户认为这是代码错误；设置为0.05 太敏感，广告一到底部就消失，用户根本没有注意到。
最后我们将其更改为0.1 用户反馈称，感觉广告本身“理解”了用户的意图，这是很自然的。

您忘记提及的一个细节是，当广告隐藏时，DOM 仍然会占用空间。
我以前就陷入过这个陷阱，用户反映“部分内容突然消失”。
然后我改用 CSS 不透明度过渡。
当隐藏时，广告逐渐消失，用户没有意识到它实际上仍在页面上。
使用 leftEl.style.opacity = isIntersecting ？相反，在代码中添加 '0' : '1 ' 并添加过渡：不透明度 0.3 s 就完美了。

另外，不要忘记响应能力。
上次有客户用平板电脑测试时，两个固定广告占据了屏幕的整个宽度，用户无法操作。
然后我们添加了@media（最大宽度：7 6 8 px），使用display:none在小屏幕上默认隐藏广告，然后编写一个按钮让用户手动显示广告，就这样了。
@media 部分实际上是在这段代码中编写的，但我当时可能没有详细说明。

说实话，我对IE没有太多的经验。
我记得去年接手了一个旧项目。
IE1 1 兼容性已使用 polyfill 得到解决。
代码相当繁琐，加载速度也很慢。
现在你基本上不需要担心新项目了，但是如果你的客户坚持使用IE，你可能需要在window.xml中添加条件来定义'IntersectionObserver'。
如果没有，则退回到 setInterval 的旧式滚动监视方法。

其实还有一个优化点，就是rootMargin。
设置为0没有任何效果，但有时底部会有导航栏或阴影。
您可以将其设置得更大一点，例如 rootMargin: '5 0px 0px'，这样它就会更快地被触发，用户体验也会更好。
上次我们调整为“1 00px 0px”，用户都表示感觉广告提前“理解”了他们的意图，非常清爽。

归根结底，这项技术的核心是用现代的API来代替传统的滚动监控，而且性能要好得多。
但是，我有一个项目，注意到当用户使用鼠标滚轮快速滚动时，隐藏广告会出现轻微的延迟。
后来我发现这个阈值太敏感了。
切换到 0.2 并添加 requestAnimationFrame 来优化回调，因此没有错误。

就我个人而言，我没有在这个地区运行过低版本的Android浏览器。
我记得X系列浏览器支持得很好，但旧版本可能需要polyfill。
你最好测试一下，比如用Android 4 .4 模拟器试试。
现在这个设备很难找到，你可以找我帮你。