如何修改Google Adsense自适应广告固定宽高度?

2019年6月23日10:58:20 5 595 views
WordPress主题推荐

个人博客首页的浏览量一般都比较高,所以很多站长都会选择在首页投放谷歌联盟广告,从而提高广告展现和点击。里维斯社就在首页相关位置投放了Google Adsense广告联盟。

如何修改Google Adsense自适应广告固定宽高度?

我这边每次看到的广告尺寸显示挺正常的。具体如下图所示:

如何修改Google Adsense自适应广告固定宽高度?

不过有站长反馈说首页显示的广告太大,严重影响用户体验。自己通过不同浏览器测试,确实出现Google Adsense广告尺寸不统一的情况,具体如下图所示:

如何修改Google Adsense自适应广告固定宽高度?

既然有站长反馈这个 Google Adsense 自适应广告有时候会显示很大,会严重影响用户体验,那么就有必要对这个广告位进行修改。经过查阅Adsense 帮助,发现 Google Adsense 自适应广告是可以通过 CSS 指定广告单元的可展开宽度和固定高度的。

比如高度为 90px(固定),宽度在 758px(最小值)- 1080px(最大值)之间的自适应广告代码如下:

  1. <ins class="adsbygoogle"
  2. style="display:inline-block;min-width:758px;max-width:1080px;width:100%;height:90px"
  3. data-ad-client="ca-pub-0000"
  4. data-ad-slot="0000"></ins>

注意:替换掉自己的发布商ID和参数值;

以上代码中的 min-width:758px;max-width:1080px;width:100%;height:90px 就是指定了自适应广告单元的可展开宽度和固定高度。

 

根据上面的 CSS 代码可以进行适当调整,比如我想让里维斯社首页的自适应广告高度在 90px - 120px 之间,宽度不限制,那么广告代码修改如下:

  1. <ins class="adsbygoogle"
  2. style="display:inline-block;min-height:90px;max-height:120px;height:100%;"
  3. data-ad-client="ca-pub-0000"
  4. data-ad-slot="0000"></ins>

注意:替换掉自己的发布商ID和参数值;

 

经过修改之后,里维斯社 Google Adsense 自适应广告单元代码尺寸显示正常,如果大家发现展示的广告尺寸异常请留言告知,以便及时调整,谢谢!

©里维斯社,本站推荐使用的主机:阿里云腾讯云;本站推荐使用的WP主题:WordPress主题

里维斯社
晨会游戏

发表评论

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

目前评论:5   其中:访客  3   博主  2

    • avatar jeonyeonghak 1

      请问现在能设置广告的最大宽度和最高高度吗?发现是用css也改变不了呢。。

        • avatar 里维斯社 Admin

          @jeonyeonghak 改造谷歌代码,可以的

            • avatar jeonyeonghak 1

              @里维斯社 我右侧sidebar pc里宽是273,自适应的,广告总给我显示600多高度的,我就想显示正方形或者更矮一点的,

              (adsbygoogle = window.adsbygoogle || []).push({});

              这样不行吗

              • avatar jeonyeonghak 1

                @里维斯社 我右侧sidebar pc里宽是273,自适应的,广告总给我显示600多高度的,我就想显示正方形或者更矮一点的,
                style=”display:block; max-width:273px; max-height:100px; ”
                data-ad-client=”xxx”
                data-ad-slot=”xxx”
                data-ad-format=”auto”
                data-full-width-responsive=”true”>
                上面html没显示,现在是这样的。

                  • avatar 里维斯社 Admin

                    @jeonyeonghak 要么设置一个固定宽高的广告单元,要么给AdSense代码添加一个限高标签