我有一个响应式设计,我正在开始大约960像素宽,并使用css3媒体查询减少到320px.
我目前正在使用我的内容上方和下方的728px横幅,但是一旦你低于728px,这显然会中断.
我需要的是在浏览器宽度低于728px时显示较小广告的最简单方法.我不能简单地在div中加载广告单元并使用css隐藏它们,因为这是针对adsense TOS的.
有什么建议？
最佳答案
怎么用javascript做这件事.您的页面最初可以加载没有广告单元的HTML代码,但它可以使用javascript检测屏幕大小,然后将初始浏览器大小的相应广告单元添加到页面.只有桌面类型的浏览器才能调整视口窗口的大小,所以可能只是忘记了这个问题.调整浏览器视口大小的人可能正在玩或者其他什么,仍然会看到第一个AD印象.考虑一下,你打开一个浏览器,然后你调整窗口大小,因为无法正常查看,甚至当你在一个页面之间导航一个网站时,你会做多少次,也许一次(第一次)时间). Google不希望您删除AD展示次数,因此我认为这违反了TOS,无法根据窗口大小加载广告.只是在调整大小并加载其他内容后不要销毁广告(有风险).移动设备无法调整视口大小(然后旋转),它们将始终看到正确的AD大小.
原文链接：https://www.f2er.com/css/427096.htmlRyan Underdown在http://ryanunderdown.com/ppc/responsive-ads-with-adsense.php提供了一个简单的解决方案
另一个问题：Making Adsense Responsive
如果初始视口尺寸对于广告而言太小,即使Google’s CSE也不会在您的网站上展示广告,即使您调整窗口大小后,在刷新浏览器之前也不会重新加载广告.
