web-dev-qa-db-ja.com

オンザフライでサイズ変更可能なAdSenseレスポンシブフォーマット

AdSense responsive format は、ロード時にのみ広告のサイズを変更します。ユーザーがウィンドウのサイズを（大から小に）変更すると、広告のサイズは変更されず（メディアクエリを使用しても）、初期サイズが維持されます。 許可されているのみ to display: none; itのようです。

動的にサイズを変更する方法（TOSに準拠）はありますか？

そうでない場合、（[TOS]で）overflow: hidden;を追加して、それが表示されないようにすることは可能ですか（親の「ボックス」の右境界線）：

enter image description here

google-adsenseresponsive-webdesign
5
Toto

jQuery および resize event を使用して、ユーザーがウィンドウのサイズを変更した後にAdSenseコードを再ロードできます。

$(window).resize(function(){
   reloadAdsense();
});

Adsense TOSの問題を防ぐために、少し遅れてリロードされるようにしてください。

$(function() {
    var resize;
    $(window).on('resize', function() {
        clearTimeout(resize);
        resize = setTimeout(function() {
            reloadAdsense();
        }, 300);
    });
});
1
Emirodgar