有没有办法在响应式设计中调整google adsense的大小？

Question

我在我的响应式wordpress设计中使用谷歌adsense(使用Twitter引导程序.)现在,当网站调整大小时,广告很远,看起来很糟糕.

我可以做些什么来帮助解决这个问题吗？我实际上看到一个网站,看起来有人在较小的屏幕上调整广告...我不确定这是怎么可能的,因为它是java脚本,对吧？

任何反馈都会非常有帮助.谢谢!

Answer 1

理想情况下,CSS媒体查询可以自动缩小广告,并且在完美的世界中,广告会根据新尺寸自动更改其布局.但是,谷歌广告都不会支持这个,也没有他们甚至允许这,你不能改变广告的内容,也没有隐藏任何部分,除了与谷歌从明确许可,根据自己的服务条款(删除标有的文字[...]):

5. 禁止使用.您不得,也不得授权或鼓励任何第三方:(i)[...](ii)编辑,修改,过滤,截断或更改任何广告,链接,广告单元中包含的信息的顺序,搜索结果或推介按钮,或删除,隐藏或最小化任何广告,链接,广告单元,搜索结果,或以任何方式推介按钮没有从谷歌的授权 ; [...]

另一种解决方案是在有条件的基础上通过JavaScript提供广告.例如,当页面加载时,检索浏览器视口的大小,如果浏览器视口的宽度小于首选广告的宽度,请改为提供较小的广告.它应该与CSS媒体查询类似,但在用户调整浏览器大小时不会投放新广告,因为这会产生错误的展示次数(单个页面上的多次展示,无需刷新),这也违反了他们的服务条款:

5. 禁止使用.您不得,也不得授权或鼓励任何第三方:(i)直接或间接生成查询,推荐活动,或对任何广告,链接,搜索结果或推荐按钮的印象或点击(包括但不限于点击通过任何自动,欺骗,欺诈或其他无效方式"播放"任何视频广告),包括但不限于通过反复手动点击,使用机器人或其他自动查询工具和/或计算机生成的搜索请求,和/或未经授权使用其他搜索引擎优化服务和/或软件; [...]

Answer 2

现有的答案已经过时.Google 于2013年7月推出了自适应广告:

通过使用响应式设计网页,新的自适应广告单元可让您支持各种设备.您现在可以动态指定要投放的广告的尺寸,使其适应您的网站在特定设备上呈现网页的方式.

自适应广告使用固定,流畅且响应迅速的布局.您只需将"Smart Sizing"版本的代码放在您希望广告出现的位置即可.广告将水平拉伸以占据所有可用空间并垂直展示以展示最佳标准尺寸广告.如果您的网站根据设备方向更改其布局,则广告会根据设备方向更改事件自动调整大小.使用CSS和HTML5数据属性可以进行高级自定义.