将 AdSense 用于响应式设计

作者 Dairine Kennedy，Google 移动小组



在我们上一篇关于响应式设计的博文中，我们讨论了进军移动网络的重要性，了解了响应式设计可能会为您的进军移动网络的计划带来怎样的助益。今天，我们将进行进一步的讨论，介绍如何在您的响应式网站中有效地利用 AdSense 广告。首先，我们来回顾一下响应式设计是什么。

响应式设计是一种网站设计技术，它使您可以只构建一个网站，让网站根据用户在浏览网站时采用的设备来显示不同的版本，无论是笔记本电脑、智能手机还是平板电脑。采用响应式设计的网站可针对不同的设备自动调整大小，但哪些内容对特定设备和移动用户最合适，需要优先显示，则取决于您。

您只需要一个简单的 JavaScript 代码段就可以针对不同的屏幕尺寸调整您的内容和 AdSense 广告。要充分利用响应式设计，首先需要制作多种广告尺寸，例如，728x90、468x60 和 300x250。然后，采用“if-else”代码段来根据用户设备的尺寸投放适合的广告尺寸。

有关响应式设计的更多详情，请阅读由 Google 网站站长小组撰写的这篇博文（仅提供英文版本）。如需更多资源，包括移动网络有何价值、如何测试您的网站以及如何寻找开发人员以帮助您构建适合移动设备的网站，请访问 howtogomo.com。