響應式adSense廣告 - 動態重新加載

Question

我在labnol.org上運行了一個響應式網站上的代碼（ http://goo.gl/asEovC ）：

<div id="google-ads-1"></div>

<script type="text/javascript"> 

    ad = document.getElementById('google-ads-1');

    if (ad.getBoundingClientRect().width) {
        adWidth = ad.getBoundingClientRect().width; // for modern browsers 
    } else {
        adWidth = ad.offsetWidth; // for old IE 
    }

    /* Replace ca-pub-XXX with your AdSense Publisher ID */ 
    google_ad_client = "ca-pub-XXXXXXXXXXXXXXXX";

    /* Replace XXXXXXXXXN with the AdSense Ad Slot ID */
    if ( adWidth >= 728 )
      google_ad_size = ["728", "90"],  /* Leaderboard 728x90 */
      google_ad_slot = "XXXXXXXXX0";
    else if ( adWidth >= 468 )
      google_ad_size = ["468", "60"],  /* Banner (468 x 60) */
      google_ad_slot = "XXXXXXXXX1";
    else if ( adWidth >= 336 )
      google_ad_size = ["336", "280"], /* Large Rectangle (336 x 280) */
      google_ad_slot = "XXXXXXXXX2";
    else if ( adWidth >= 300 )
      google_ad_size = ["300", "250"], /* Medium Rectangle (300 x 250) */
      google_ad_slot = "XXXXXXXXX3";
    else if ( adWidth >= 250 )
      google_ad_size = ["250", "250"], /* Square (250 x 250) */
      google_ad_slot = "XXXXXXXXX4";
    else if ( adWidth >= 200 )
      google_ad_size = ["200", "200"], /* Small Square (200 x 200) */
      google_ad_slot = "XXXXXXXXX5";
    else if ( adWidth >= 180 )
      google_ad_size = ["180", "150"], /* Small Rectangle (180 x 150) */
      google_ad_slot = "XXXXXXXXX6";
    else
      google_ad_size = ["125", "125"], /* Button (125 x 125) */
      google_ad_slot = "XXXXXXXXX7";

    google_ad_width = google_ad_size[0];
    google_ad_height=google_ad_size[1];

</script>

<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

上面的代碼無法解決調整大小問題，如果調整瀏覽器大小，廣告將保持相同的大小，布局將中斷。 這與平板電腦和智能手機上的設備方向更改相關。 如果/當尺寸（尺寸組）發生變化時，我正在嘗試找到重新加載廣告的解決方案。

Answer 1

谷歌有新的響應代碼，顯然可以在屏幕方向更改后處理布局更改：

https://support.google.com/adsense/answer/3213689?hl=en

屏幕方向更改后支持廣告尺寸更改。 如果您的響應式頁面在設備方向更改后更改其布局（例如，當平板電腦或手機從縱向移動到橫向時），我們將請求並加載具有正確尺寸的新廣告以適應新的頁面布局。

注意：當我們在設備方向更改后加載新廣告時，我們會緩存顯示的原始廣告。 如果設備隨后返回其之前的方向，我們將再次顯示原始廣告，而不是加載其他新廣告。 由於屏幕方向更改的廣告刷新行為會產生額外的廣告請求，因此您可能會發現RPM和點擊量指標略有下降。 請放心，這對您的整體收入沒有影響。