应对冰桶算法的折腾再次领教了Adsense的强大！

百度最近的算法调整非常的频繁，特别是针对移动端的冰桶算法4.0的强势登场感觉影响更大，因为冰桶算法4.0主要是针对移动端广告位置、尺寸的，基本上可以理解为是打击移动端广告泛滥的，所有尺寸过大的以及对内容有遮挡的都会被降权，具体的大家可以看看图1、图2两张百度官方认为是标准正确的移动端广告范例来对比了解一下就明白了。

正确的移动端广告范例 图1

正确的移动端广告范例 图2

具体详情大家可以查阅百度官网的冰桶算法4.0公告：

百度冰桶算法再升级：4.0强势登场

综上所述，因为明月两个网站的移动端都有投放广告，并且文内插入的广告好像都不是很规范，远远没有达到百度的标准，所以我就又开始折腾了，百度联盟的广告因为百度的样式很多选择所以很容易就可以解决了，唯一麻烦的就是谷歌Adsense的广告我一直使用的是矩形（尺寸：336X280、300X250、250X250这些）虽然都很醒目，但是明显尺寸对于移动端的屏幕来说还是有点大了，如果缩小为320X100的倒也可以就是PC端的广告美观性就太差了，如何才能让Adsese广告自适应屏幕宽度呢？

为了搞定这个问题，我找了JS代码来做屏幕判断区别投放不同的Adsense代码，结果是失败的，太久没有折腾过JS代码了，很多代码的格式标准都忘了，囧呀！

使用PHP里的is_mobile()函数来判断也是不行，原因还是荒废多年了，已经不知道语法了！完全不会了！

据说有插件，但是考虑到插件影响WP性能就直接PASS了。

最后没有办法只能借助强大的谷歌搜索了，换了各种关键词后，终于在月光博客里找到了办法，仔细一看原来Adsense本身就支持自适应的，这样说有点“二义性”了，因为Adsense是有自适应的广告代码的，这个大家都知道，我的需求是针对不同屏幕宽度设置确切广告单元尺寸，也就是要有一个判断来自由投放不同的尺寸以便广告更加的合适美观。

马上转到Adsense帮助里仔细研究了一下发现谷歌真的是太强大了，只要给Adsense广告代码加个CSS样式就可以轻松实现“针对不同屏幕宽度设置确切广告单元尺寸”了，下面摘录如下： 针对不同屏幕宽度设置确切广告单元尺寸的示例 此示例将向您介绍如何修改自适应代码才能为三类屏幕宽度（即移动设备、平板电脑和桌面设备）设置具体的广告单元尺寸。即使您以前没有任何 CSS 媒体查询或是 AdSense 广告代码修改经验，也可以理解此示例。

下面是一段修改后的自适应广告代码，这段代码会为每种屏幕宽度设置下列确切的广告单元尺寸：

• 宽度不超过 500 像素的屏幕：320×100 广告单元。
• 宽度在 500 像素到 799 像素之间的屏幕：468×60 广告单元。
• 宽度在 800 像素以上的屏幕：728×90 广告单元。

<style>.example_responsive_1 { width: 320px; height: 100px; }@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }</style><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- example_responsive_1 --> <ins class="adsbygoogle example_responsive_1" style="display: inline-block;" data-ad-client="ca-pub-XXXXXXX11XXX9" data-ad-slot="8XXXXX1"></ins> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

针对您自己的网站调整此示例代码：

1. 在您的 AdSense 帐户中创建一个自适应广告单元，记下自适应广告代码中的以下信息：
   • 发布商 ID，例如 ca-pub-1234567891234567
   • 广告单元 ID (data-ad-slot)，例如 1234567890。
2. 在示例代码中：
   • 您的唯一名称只能包含英文字母 (A-Z)、数字和下划线，且第一个字符必须是英文字母。
   • 您每次调整此示例代码时都必须使用不同的唯一名称。
   • 将所有 example_responsive_1 实例都替换为唯一名称，例如：Home_Page、front_page_123 等。 注意事项：
   • 将 ca-pub-XXXXXXX11XXX9 替换为您自己的发布商 ID。
   • 将 8XXXXX1 替换为您自己的广告单元 ID。
3. 决定您希望广告单元在每类屏幕宽度上占据的尺寸：
   • 将 320px 和 100px 替换为您希望为宽度不超过 500 像素的屏幕使用的广告单元的宽度和高度。
   • 将 468px 和 60px 替换为您希望为宽度在 500 像素和 799 像素之间的屏幕使用的广告单元的宽度和高度。
   • 将 728px 和 90px 替换为您希望为宽度超过 800 像素的屏幕使用的广告单元的宽度和高度。
   • 如果您希望采用示例代码中现有的广告单元尺寸，则不需要做出任何额外更改。
   • 如果您希望根据具体屏幕尺寸设置不同的广告单元尺寸，请在示例代码中进行以下操作：
4. 复制修改后的广告代码，并将其粘贴到您希望展示广告的网页的 HTML 源代码中。 放置广告代码后，我们建议您在不同的设备和屏幕上测试您的广告，确保自适应功能正常工作。

怎么样，很强大吧，分分钟就可以解决问题了！当然官方还给出了很多高级示例，我就不一一列举了，具体有如下高级使用方法：

• 指定大体形状
• 指定可展开宽度和固定高度
• 根据屏幕宽度指定确切尺寸
• 隐藏广告单元

如果你投放了谷歌Adsense广告的话，不妨试试，效果很棒的，目前我的博客和【玉满斋】主站都采用了上述的代码来根据屏幕宽度选择合适的广告尺寸展示的，大家可以先看看效果哈！

其实“冰桶算法4.0”还是非常厉害的，至少明月是能感觉到的，无论是收录还是索引都有下滑，今天的这个折腾无非也是为了把损害降到最低。按照要求来总是要好一些的！