jesusjsc

google adsense如何根据不同屏幕宽度设置确切广告单元尺寸的示例
# google adsense如何根据不同屏幕宽度设置确切广告单元尺寸的示例 --- 下面是一段修改后的...
扫描右侧二维码阅读全文
10
2019/08

google adsense如何根据不同屏幕宽度设置确切广告单元尺寸的示例

google adsense如何根据不同屏幕宽度设置确切广告单元尺寸的示例


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

  • 宽度不超过340像素的屏幕,300*250广告单元
  • 宽度在340到499像素之间的屏幕,336*280广告单元
  • ...
  • 宽度大于974的屏幕,970*90广告单元
<style>
.example_one { width: 300px; height: 250px; }
@media (min-width: 340px) { .example_one { width: 336px; height: 280px; } }  
@media (min-width: 500px) { .example_one { width: 468px; height: 60px; } }
@media (min-width: 732px) { .example_one { width: 728px; height: 90px; } }
@media (min-width: 974px) { .example_one { width: 970px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- top_blog -->
<ins class="adsbygoogle example_one"
    style="display:inline-block"
    data-ad-client="ca-pub-xxxxxxxxxxxxxxxxxxxxx"
    data-ad-slot="xxxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Last modification:August 11th, 2019 at 03:03 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment