CSS 控制（谷歌）Adsense 自适应广告高度与宽度

网站大部分都是通过挂载展示广告来实现盈利，而使用比较多的广告投放平台，主要就是百度联盟与Google Adsense。而使用Google Adsense的网站，很多是使用的Adsense自适应广告；原因也很简单，就是挂载自适应广告比较方便，它会自适应移动端与PC端。但是，尽管Adsense自适应广告有很多优点，可有些时候，我们还是需要对自适应广告代码进行一些优化，来满足我们的需求。比如Adsense自适应广告存在移动端屏占比过大，影响浏览体验的问题，就需要我们对Adsense自适应广告高度与宽度进行调整，来解决移动端屏占比过大的问题。

Adsense自适应广告代码优化

今天（1月8日），66分享网（66fxw.com）小编针对百度搜索优化要求，对我们网站的Adsense自适应广告代码进行了优化，解决了Adsense自适应广告移动端屏占比过大的问题。接下来，小编将通过下方内容来分享一下CSS 控制（谷歌）Adsense 自适应广告高度与宽度的方法。

如果大家的网站也在使用Adsense自适应广告，且存在Adsense自适应广告移动端屏占比过大的问题，不妨通过该方法来进行一下优化，从而让自己的网站符合搜索引擎优化要求。

CSS 控制（谷歌）Adsense 自适应广告高度与宽度

这里，我们首先看一下原始的Adsense 自适应广告代码长什么样子吧。通过查阅Google Adsense官方修改自适应广告代码方法，小编了解到，Adsense自适应广告可以通过CSS来指定广告单元的可展开宽度和固定高度。

原始代码：

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456"
     crossorigin="anonymous"></script>
<!-- 手机端 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890123456"
     data-ad-slot="5678"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

使用CSS指定宽度和高度后：

<ins class="adsbygoogle"
   style="display:block;min-width:400px;max-width:970px;width:100%;height:90px"
   data-ad-client="ca-pub-1234567890123456"
   data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

代码解释：

上面的代码是通过CSS指定90像素的固定高度和400像素（最小宽度）到970像素（最大宽度）的可变宽度。