谷歌联盟Google Adsense自适应广告占屏很大,如何固定宽高度?

最近有人反映我的博客自适应广告占屏很大,如下图:

Google Adsense自适应广告占屏很大

 

注意:

由于这个占屏很大的并不是“谷歌联盟自动广告”代码,是我自己主动添加的。

 

Google Adsense 官方 解决方法

 

1、指定大体形状(仅限桌面设备)

您可以通过修改广告代码来指定广告单元应采用的大体形状(横向、竖向和/或矩形)。以下示例显示如何进行修改:

 

水平形状示例:

默认情况下,我们的自适应广告代码包含一个 data-ad-format 代码(值为“auto”),此代码可让自适应广告单元自动确定尺寸。不过,您可以为自适应广告单元设置大体形状,方法是将 data-ad-format 的值更改为以下任一值:“rectangle”、“vertical”、“horizontal”或这些值的任意组合形式(以英文逗号分隔),例如“rectangle, horizontal”。

 

以我博客为示例,由于我的广告是横向长方形的,我只需要修改为如下代码:

data-ad-format="rectangle,horizonta"

 

2、如果您发现我们的自适应广告代码无法满足您的所有需求,则不妨修改广告代码,通过 CSS 指定广告单元的确切尺寸。

 

注意:除非您对修改广告代码非常有把握,否则我们不建议您使用这些高级功能。

 

指定可展开宽度和固定高度:

您可以修改自适应广告代码,通过 CSS 指定广告单元的可展开宽度和固定高度。以下示例显示如何进行修改:

 

高度固定的可展开宽度示例:

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

 

谷歌联盟“自适应广告占屏很大”最终解决方法

这个方法也是最简单的最快捷让你的谷歌联盟实现固定宽高度,不用添加任何的CSS,只需要在谷歌聪明广告代码中操作即可!具体如下:

<ins class="adsbygoogle"
     style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
     data-ad-client="ca-pub-1234"
     data-ad-slot="5678"
     data-ad-format="rectangle,horizonta"
     data-full-width-responsive="true"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

 

最后效果:以我博客为例子!

Google Adsense自适应广告占屏很大如何固定宽高度

 

注意:

1、固定宽度后,你的移动端页面高度展示也只有90px。广告同样还是会展示的。

2、如果这样设置后,你的广告展示会有一定的局限性,有一些广告就不能展示了,甚至会影响你的收入。

 

总结:

我仔细去看了一下我的网站统计数据,我发现我的网站大部份人都是PC端的人,因此,我就先不改了。这里只给大家做一个简单的小测试。

 

我测试了一下,修改后的确会影响广告展示的,有很多类型的广告就展示不出来了。关于是否会影响你的收入?我觉得大家还是要结合自己网站亲自去测试一下,例如:测试一周看谷歌联盟收入是否有变化?如果没有,那就还可以,毕竟广告占屏过大是会影响用户体验的。

付杰
  • ¥ 198.0元
  • 市场价:298.0元
  • ¥ 198.0元
  • 市场价:498.0元
  • ¥ 149.0元
  • 市场价:299.0元
  • ¥ 999元
  • 市场价:4999元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:4   其中:访客  0   博主  0

  1. 头像 卢俊义 0

    第三段多了个 display:display:inline-block;

    • 付杰 付杰

      @卢俊义 感谢指出,已改正!

  2. 头像 菜鸟站长之家 1

    手机端 怎么限制高度呢,求大佬写个教程。

    • 付杰 付杰

      @菜鸟站长之家 手机端也照样可以用那个代码,都是通用的。现在手机站要么用的是自适应,要么用的单独的模板,原理都是一样的。