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

【问题标题】：Displaying a different Adsense ad based on browser width根据浏览器宽度显示不同的 Adsense 广告
【发布时间】：2012-04-21 10:23:48
【问题描述】：

我正在设计一个响应式设计，它从大约 960 像素宽开始，并使用 css3 媒体查询减小到 320 像素。

我目前在我的内容上方和下方使用 728 像素的横幅，但一旦低于 728 像素，这显然会中断。

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

有什么建议吗？

【问题讨论】：

标签： php javascript css adsense

【解决方案1】：

用 javascript 来做这件事怎么样？您的页面最初可以在没有广告单元 html 代码的情况下加载，但它可以使用 javascript 检测屏幕尺寸，然后将适合初始浏览器尺寸的广告单元添加到页面中。只有桌面类型的浏览器可以调整视口窗口的大小，所以可能会忘记这个问题。调整浏览器视口大小的人可能正在玩耍或其他任何东西，但仍会看到第一广告印象。想一想，您打开浏览器，然后因为无法正确查看而调整窗口大小，即使如此，当您在页面之间导航网站时，您还要执行多少次，也许一次（第一次时间）。 Google 不希望您破坏广告展示次数，因此我认为这不会违反 TOS 根据窗口大小加载广告。只是不要在调整大小并加载其他广告后销毁广告（有风险）。移动设备无法调整视口大小（除旋转外），它们始终会看到正确的 AD 大小。

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

另一个 SO 问题：Making Adsense Responsive

如果初始视口尺寸对于广告来说太小，即使 Google's CSE 也不会在您的网站上显示广告，即使您将窗口调整得更大，它也不会在其中重新加载广告，直到刷新浏览器。

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

第一个 - 我对 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/

【讨论】：

【解决方案4】：

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

【讨论】：