我想刷新一个包含Adsense广告的容器

Question

我有一个响应迅速的网站，可以响应3种不同尺寸的移动，平板电脑和笔记本电脑。

我有一个广告，仅在视口为＆lt; = 625：

时才会出现广告

if ( adWidth <= 625 )
        google_ad_size = ["100", "50"]; 
      document.write (
       '<ins class="adsbygoogle" style="display:inline-block;margin-top:45px;width:' 
       + google_ad_size[0] + '%;height:' 
       + google_ad_size[1] + 'px" data-ad-client="' 
       + google_ad_client + '" data-ad-slot="' 
       + google_ad_slot + '"></ins>'
       );

因此，当加载页面时，当AD不会出现时，除非是＆lt; = 625。

问题是，当您调整浏览器大小时，广告将不会消失，除非您刷新页面，这是一个问题，因为它打破了我的标题，使其无法阅读。

我有一些jQuery检测是否使用了媒体查询：

 function media_query(obj) {
     size = obj();
     if (size != currentSize) {
         if (size == 'tablet') {
             var refesh = document.getElementById('sglHead');
             $('#sglHead').html(refresh);
             currentSize = 'tablet';
         }
     }
 }
 $(window).resize(_.debounce(function () {
     media_query(mqCSS);
 }, 10));

您可以看到我尝试使用.html（）尝试这样做，但没有运气：

容器本身看起来像这样：

那么，当媒体查询"平板电脑"为真时，如何刷新<header id="sglHead">的内容？

Answer 1

我不认为您"允许"刷新容器的adsense。我想可能会膨胀你的数字。

请参阅此帖子以获取更多信息：刷新其中包含Google AD的Div

作为解决方法，为什么不在广告盒周围放置一个固定尺寸的div，这意味着您的标题无论尺寸是多少？另外，我认为，通过拖动角来调整浏览器窗口的大小并不是您在制作"响应式设计"时必须考虑的事情。我可能错了。

Answer 2

尝试：

setInterval(function() {
    //this code is executed every 4000 ms
}, 4000);

，您可以将广告添加到iframe中，然后轻松刷新