很多网站是靠广告的收入来维持的，或者说广告是一些网站的唯一收入来源。在有限的页面空间中，合理的投放广告是需要一定的技巧的，本文将介绍一些提高广告收入的同时不降低用户体验的技巧。

用户体验与广告投放之间的权衡

网页上的广告位之所以有价值，是因为有流量。在没有流量的网页上插入任何广告都是没有价值的。如果广告影响了用户体验，那就是本末倒置了，因为这样的做法会降低用户体验，影响网站流量。而且现在各大搜索引擎都不断更新其算法，将用户体验不佳的网站进行降权处理，例如，百度的移动搜索落地页体验白皮书已经发布5.0版了，将越来越严格的限制体验不好的网页被收录。

影响用户体验的广告投放行为

• 网页上的广告面积，不能占整个网页可视面积的比率太高，建议低于10%。
• 不要投放弹窗广告
• 尽量避免投放悬浮广告
• 避免使用抖动、闪动等方式展现广告
• 广告的外观要美观，不要投放低质广告
• 投放的广告加载速度不要影响网页加载速度，可以使用延迟加载
• 如果投放的是联盟广告，推荐：百青藤（百度联盟）、Google Adsense、搜狗联盟、360奇聚等，不要投放一些不靠谱的联盟广告。
• 百度移动搜索落地页体验白皮书5.0还禁止正文中插入任何广告

优化广告投放的位置

既然网页上投放的广告面积与数量都不宜太多，我们可以优化其投放的位置，合理利用有限的广告数量达到收益最大化的效果。

人类的阅读习惯是从左至右与从上至下的，左侧靠上部分的位置一般是最佳的广告位置，其次就是文章内容结尾处（文章中间投放广告的效果确实更好，但会影响用户体验），再次之就是右侧边栏广告了。至于整个页面的底部基本上不用考虑了。

响应式网页推荐投放Adsense自适应广告

Google Adsense自适应广告：根据可用空间自动调整大小。为了帮助您简化代码并节省时间和精力，我们的自适应广告代码会自动根据网页版式调整广告单元大小。我们会根据可用空间和用户屏幕的大小动态计算所需的大小。

但在移动页面中为了避免出现面积过大的广告，可以修改Adsense自适应广告代码中的data-ad-format与data-full-width-responsive参数。

data-ad-format可以设置的值：

• data-ad-format=”auto” 自动
• data-ad-format=”rectangle” 矩形
• data-ad-format=”vertical” 垂直
• data-ad-format=”horizontal” 横幅
• data-ad-format=”rectangle, horizontal” 矩形或横幅，可以是这些值的任意组合形式（以英文逗号分隔）。

data-full-width-responsive可以设置的值：

• data-full-width-responsive=”true” 在移动设备上扩展至屏幕全宽
• data-full-width-responsive=”false” 在移动设备上不会扩展宽度

例如以下修改示例，在移动设备上不扩展宽度，并且只显示横幅广告：

<ins class="adsbygoogle"
    style="display:block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="horizontal"
    data-full-width-responsive="false"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});
</script>

投放其它广告的自适应设置

可以通过JavaScript或CSS来控制不同尺寸的屏幕自适应广告，如果是联盟广告，推荐采用JavaScript方式，详情请阅读：《 网页根据屏幕尺寸控制广告加载 完美解决方案（支持CDN）》。