我正在制定一个响应式设计,它从大约 960 像素宽开始,并使用 css3 媒体查询减少到 320 像素。
我目前在我的内容上方和下方使用 728 像素的横幅,但是一旦你低于 728 像素,这显然会中断。
我需要的是在浏览器宽度低于 728 像素时显示较小广告的最简单方法。我不能简单地将广告单元加载到 div 中并使用 css 隐藏它们,因为这违反了 adsense TOS。
有什么建议么?
我正在制定一个响应式设计,它从大约 960 像素宽开始,并使用 css3 媒体查询减少到 320 像素。
我目前在我的内容上方和下方使用 728 像素的横幅,但是一旦你低于 728 像素,这显然会中断。
我需要的是在浏览器宽度低于 728 像素时显示较小广告的最简单方法。我不能简单地将广告单元加载到 div 中并使用 css 隐藏它们,因为这违反了 adsense TOS。
有什么建议么?
用javascript做什么呢?您的页面最初可以在没有广告单元 html 代码的情况下加载,但它可以使用 javascript 检测屏幕尺寸,然后将适合初始浏览器尺寸的广告单元添加到页面中。只有桌面类型的浏览器可以调整视口窗口的大小,所以可能会忘记这个问题。调整浏览器视口大小的人可能正在玩耍或其他什么,但仍然会看到第一广告印象。想一想,您打开浏览器,然后因为无法正确查看而调整窗口大小,即使如此,当您在页面之间导航网站时,您还要执行多少次,也许一次(第一次时间)。谷歌不希望你破坏广告印象,所以我认为这不违反 TOS 根据窗口大小加载广告。只是不要 t 在调整大小并加载其他广告后销毁广告(有风险)。移动设备无法调整视口大小(除旋转外),它们始终会看到正确的 AD 大小。
Ryan Underdown 在http://ryanunderdown.com/ppc/responsive-ads-with-adsense.php提供了一个简单的解决方案
另一个 SO 问题:使 Adsense 响应式
如果初始视口大小对于广告来说太小,即使Google 的 CSE也不会在您的网站上显示广告,即使您将窗口大小调整得更大,它也不会在其中重新加载广告,直到刷新浏览器。
第一次 - 我对 728 排行榜与 336 大矩形进行了 AB 测试。336 的表现提高了 75% 以上,页面浏览量超过 300,000。
重点是 - 不要使用 728,也不建议使用自适应广告单元。
我的另一项测试通过从自适应广告单元切换到 2 个固定大小的矩形(一个用于移动设备,一个用于台式机/平板电脑),将收入提高了 100% 以上。
您可以使用这样的东西来确定用户代理:
$iPod = stripos($_SERVER['HTTP_USER_AGENT'],"iPod");
$iPhone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = stripos($_SERVER['HTTP_USER_AGENT'],"iPad");
然后根据用户代理,您可以显示“移动”或“桌面”广告尺寸。
以下是如何使用 USER_AGENT 选择要展示的广告:http: //www.adsenseninja.com/show-mobile-optimized-adsense-ads-for-smartphone-visitors-automatically-free-mobile-ads-php-script -for-wordpress/
使用自适应 AdSense 单元。
如果这不是您想要的,请使用 JavaScript 检测可用宽度,然后选择适当的广告单元,然后将其注入您的内容。
可以通过隐藏的 div 和媒体库实现,但我认为谷歌禁止它:(