Jquery 加载内容后再加载广告

Jquery 加载内容后再加载广告,jquery,html,css,twitter-bootstrap,adsense,Jquery,Html,Css,Twitter Bootstrap,Adsense,我试图在Firebase加载内容后加载AdSense响应广告,但没有显示广告,只是空白。将代码联机后,我得到错误: availableWidth=0没有插槽大小 我在谷歌上浏览了大约4个页面来寻找解决方案,但找不到,所以我想你们可以帮我 我应用AdSense代码如下: <head> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></scr

我试图在Firebase加载内容后加载AdSense响应广告,但没有显示广告,只是空白。将代码联机后,我得到错误:

availableWidth=0没有插槽大小

我在谷歌上浏览了大约4个页面来寻找解决方案,但找不到,所以我想你们可以帮我

我应用AdSense代码如下:

    <head>
       <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    </head>
    <body>
       <div id="demo" style="display: none;">
       <!-- SnusPedia automatic size add -->
       <style>
          .example_responsive_1 { width: 320px; height: 100px; }
          @media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
          @media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
       </style>
       <ins class="adsbygoogle example_responsive_1"
          style="display:block"
          data-ad-client="ca-pub-8297030761327810"
          data-ad-slot="9809929086"
          data-ad-format="auto"></ins>
       <script>
             window.onload = function(){
            (adsbygoogle = window.adsbygoogle || []).push({});
             }
       </script>
  </div>

    </body>

.example__1{宽度:320px;高度:100px;}
@介质(最小宽度:500px){示例{宽度:468px;高度:60px;}}
@介质(最小宽度:800px){示例{宽度:728px;高度:90px;}}
window.onload=函数(){
(adsbygoogle=window.adsbygoogle | |[]).push({});
}

问题的原因是什么?

如果广告被隐藏或宽度/高度为0,AdSense将不会显示广告,这在您的情况下会发生,因为您周围的
div\demo
。它是完全隐藏的,所以AdSense无法填充广告,因为没有可用空间。尝试从
#demo
中删除
显示:无

此外,不允许在自定义事件上加载广告,这意味着在等待firebase查询后显示广告可能违反谷歌的TOS

我可以想象,您可以删除加载
adsbygoogle.js
的脚本标记,然后等待firebase查询并加载
adsbygoogle.js
——但我怀疑谷歌是否允许这样做


我建议您只需从外部div中删除
显示:none
,然后无论firebase查询是否已完成,都只加载广告。

所有内容都包装在
中吗?我没有看到关闭标记,一切都被包装在
中,事实上我还有关闭标记,只是在问题中键入。那么什么时候删除
显示:无
?@Morpheus在Firebase查询完成后。