responsive-design - Google Adsense レスポンシブ広告 - 大きな画面で 2 つの広告を使用しますか?

Question

現在 Google Adsense レスポンシブ広告を試していますが、画面サイズが特定のサイズを超えたときに 2 つの広告を表示する方法はありますか?

たとえば、画面サイズが 620 ピクセルより大きい場合、「250 x 250」の広告を 1 つではなく 2 つ並べて表示しますか?

Answer 1

2 つの広告を配置することはできませんが (さまざまな問題を引き起こす可能性のあるサーバー側のコーディングがなければ)、広告のサイズを増減して、メディア クエリを使用して同様の動作を実現できます。例: 次のように表示できます -

1. モバイルの 300x250 広告
2. タブレットの 336x280 広告 (最小幅 500)
3. デスクトップ上の 728x90 広告 (最小幅 800)
4. 高解像度デスクトップでの 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>

高度なレスポンシブ アドセンス広告の詳細については、https: //support.google.com/adsense/answer/3543893#adv を参照してください。