css3 メディア クエリを使用して幅約 960 ピクセルから 320 ピクセルまで縮小するレスポンシブ デザインを作成中です。
現在、コンテンツの上下に 728 ピクセルのバナーを使用していますが、728 ピクセルを下回ると明らかに壊れます。
私が必要としているのは、ブラウザの幅が 728 ピクセルを下回ったときに、より小さな広告を表示する最も簡単な方法です。これはアドセンス TOS に反するため、単に広告ユニットを div に読み込んで css を使用して非表示にすることはできません。
助言がありますか？
javascriptでやってみたらどうですか？最初は広告ユニットの HTML コードがなくてもページを読み込むことができますが、javascript を使用して画面サイズを検出し、ブラウザの初期サイズに適した広告ユニットをページに追加することができます。ビューポートウィンドウのサイズを変更できるのはデスクトップタイプのブラウザだけなので、その問題は忘れてください。ブラウザのビューポートのサイズを変更している人々は、おそらく遊んでいるか何かをしていて、それでも最初の AD の印象を見るでしょう。考えてみてください。ブラウザを開いて、適切に表示できないためにウィンドウのサイズを変更します。それでも、ページからページへとサイトをナビゲートするときに、おそらく 1 回 (最初の時間）。Google は広告のインプレッションを台無しにすることを望んでいないので、ウィンドウ サイズに基づいて広告を読み込むという TOS に違反しているとは思いません。ただしないでください サイズを変更して他の広告を読み込んだ後に広告を破棄しないでください (危険です)。モバイル デバイスはビューポートのサイズを変更できず (回転以外)、常に正しい AD サイズが表示されます。
Ryan Underdown は、 http: //ryanunderdown.com/ppc/responsive-ads-with-adsense.php で簡単なソリューションを提供しています。
別の SO の質問: Adsense をレスポンシブにする
Google の CSEでさえ、最初のビューポート サイズが広告に対して小さすぎる場合、サイトに広告を表示せず、ウィンドウのサイズを大きく変更した後でも、ブラウザが更新されるまで広告をリロードしません。
それは隠されたdivとメディアライブラリを介して可能ですが、私はそれがグーグルによって禁止されていると思います:(