Google Adsense自适应广告 - 使用两个广告来制作更大的广告?

时间:2013-09-06 17:49:08

标签: responsive-design adsense

我目前正在尝试使用Google Adsense自适应广告,但是当屏幕尺寸超过特定尺寸时,有没有办法展示两个广告?

例如,当屏幕尺寸大于620像素时,会相互显示两个“250 x 250”广告(而不只是一个)?

1 个答案:

答案 0 :(得分:1)

您可能不会放置两个广告(没有可能导致各种问题的服务器端编码),但您可以增加或减少广告的大小,以使用媒体查询实现类似的行为。例如:您可以显示 -

  1. 手机上的300x250广告
  2. 平板电脑上的
  3. 336x280广告(最小宽度为500)
  4. 桌面上的728x90广告(最小宽度为800)
  5. 970x250广告在大分辨率桌面上(最小宽度为1200)
  6. 为此,您需要在“自适应广告”中使用高级代码(需要修改代码)。如下 -

    <style>
    .responsive2 { width: 300px; height: 250px; }
    @media(min-width: 500px) { .responsive2 { width: 336px; height: 280px; } }
    @media(min-width: 800px) { .responsive2 { width: 728px; height: 90px; } }
    @media(min-width: 1200px) { .responsive2 { width: 970px; height: 250px; } }
    </style>
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- Responsive2 -->
    <ins class="adsbygoogle responsive2"
         style="display:inline-block"
         data-ad-client="ca-pub-XXXXX"
         data-ad-slot="YYYYY"></ins>
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    

    有关高级自适应广告的详细信息,请参阅https://support.google.com/adsense/answer/3543893#adv