responsive-design - Google Adsense 响应式广告 - 为更大的屏幕使用两个广告？

Question

我目前正在试用 Google Adsense 响应式广告，效果很好，但是当屏幕尺寸超过特定尺寸时，有没有办法显示两个广告？

例如，当屏幕尺寸大于 620 像素时，将两个“250 x 250”的广告并排展示(而不是一个)？

Answer 1

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

手机上的 300x250 广告

平板电脑上的 336x280 广告(最小宽度为 500)

桌面上的 728x90 广告(最小宽度为 800)

大分辨率桌面上的 970x250 广告(最小宽度为 1200)

为此，您需要在“响应式广告”中使用高级代码(需要修改代码)，如下所示 -

<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>

有关高级响应式 AdSense 广告的更多详细信息，请参阅 https://support.google.com/adsense/answer/3543893#adv