根据浏览器宽度显示不同的Adsense广告

Question

我正在设计一个响应式网站，它的起始宽度为960像素，使用CSS3媒体查询可以缩小到320像素。

目前我在内容上方和下方使用了728像素的横幅广告，但是一旦宽度低于728像素，这显然就会出现问题。

我需要的是一种最简单的方法，在浏览器宽度低于728像素时显示较小的广告。我不能简单地将广告单元加载到div中并使用CSS隐藏它们，因为这违反了AdSense的条款。

有什么建议吗？

- ODian

Answer 1

用JavaScript来实现怎么样？您的页面可以一开始不加载广告单元的HTML代码，但是它可以使用JavaScript检测屏幕尺寸，然后为初始浏览器大小添加适当的广告单元。只有桌面类型的浏览器才能调整视口窗口大小，所以也许可以忽略这个问题。调整浏览器视口大小的人可能只是在玩耍或其他事情，并且仍然会看到第一个广告印象。想想看，你打开一个浏览器，然后你调整窗口大小，因为无法正确地查看，即使那时你要在从一页到另一页的网站上导航时进行多少次，也许只有一次（第一次）。Google不希望您搞砸广告印象，因此我认为根据窗口大小加载广告并不违反TOS。只是不要在调整大小后销毁广告并加载其他广告（有风险）。移动设备无法调整视口大小（除了旋转），他们将始终看到正确的广告尺寸。

Ryan Underdown在http://ryanunderdown.com/ppc/responsive-ads-with-adsense.php提供了一个简单的解决方案。

另一个SO问题：Making Adsense Responsive 即使是Google的CSE，如果初始视口大小太小而无法显示广告，则不会在您的站点上显示广告，即使在调整窗口大小后也不会重新加载广告，直到浏览器刷新。

- Anthony Hatzopoulos

Answer 2

1. 使用响应式的AdSense广告单元。

2. 如果这不是您想要的，请使用JavaScript检测可用宽度，然后选择适当的广告单元，将其注入到您的内容中。

- Sara

Answer 3

首先，我进行了728像素的横幅广告和336像素的大矩形广告的AB测试。结果表明，在超过30万个页面浏览量中，336像素的广告性能提高了75%以上。

重点是：不要使用728像素的广告，也不要推荐使用响应式广告。

我的另一个测试通过从响应式广告单元切换到两个固定大小的矩形广告（一个用于移动设备，一个用于桌面/平板电脑），将收益提高了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/

- user2518394

Answer 4

可以通过隐藏的div和媒体库实现，但我认为这是被谷歌禁止的 :(

- 2GOOD