没有广告展示时隐藏 div

hide div when there is no ad impression

我在我的网站上使用 Adsense。 google 只为 30% 的网页浏览量投放广告。对于其余 70% 的综合浏览量,它会显示一个大白屏。
我想巧妙地处理这 70% 的情况并隐藏这个 div 或显示一些其他静态内容。我该怎么做?

  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- responsive -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-9299753465943567"
     data-ad-slot="6570418376"
     data-ad-format="auto"></ins>
<script> 
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

This 可能有帮助:

You can choose what happens to your ad unit if Google has no targeted ads are available. By default, Google will try to collapse the ad space on your page or if that's not possible show a blank space. Alternatively, you can choose to display a solid color or another HTML page. This way, you can make sure that your advertising space is always being used effectively.

When you create or edit an ad unit, in the "If no ads available" section, choose one of the following options:

Collapse ad unit, otherwise show blank space This is the default option.

Collapse ad unit, otherwise show color You can effectively make your unfilled ad unit disappear by matching its color to the background color of your page. You can either use the color picker or enter a hexadecimal color code.

通常 Google 会尝试折叠广告 space。如果没有,您可以选择显示您选择的图像。请参阅链接页面的 "show other URL" 部分。

转到 Adsense 并 select 您的广告单元。在底部,您会看到一个名称为 "IF NOT AVAILABLE" 的下拉列表。 在这里,我选择 "Show Other URL" 并为我的内部 HTML 页面提供了 link。

即使完成后我也没有收到我的页面。后来才知道是因为我的网站是HTTPS,html放在HTTPURL下。 这才是真正的问题。

我正在为其他开发者处理我的 HTML 页面内容。

<htmL>
<head>
<title></title>
</head>
<body>
<a target="_blank" href="mylink">
<img src="Some-image.jpg" style="width:80%;">
</a>
</body>
</html>