Question

通过媒体查询，我将Div设置为包含AdSense代码的display:none。不过，我想展示另一个与display:block在另一个DiV中的AdSense广告。

需要您帮助理解以下内容： display:none是否会阻止向Google发送广告请求或阻止其从Google下载广告？我的挑战，我想要展示的最后一个将是第四个AdSense广告，我根据AdSense政策无法展示4个广告。

Answer 1

父display:none上的

div不会阻止来自该广告单元的广告请求：

<div style="display:none">
  <ins class="adsbygoogle adslot_1" ... ></ins>
</div>

这违反了AdSense policy about hiding ads：“随时隐藏广告单元（例如display:none），除非您正在实施自适应广告单元。”

要阻止广告请求，我们需要在AdSense display:none代码上应用ins：

<style type="text/css">
.adslot_1 { display: inline-block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width: 500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width: 800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
  data-ad-client="ca-pub-1234"
  data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

这是“Hiding an ad unit”高级功能。对于小于401px的视口，上面的示例将在标记内注入ins注释（而不是广告）。

我认为我的"How to 'move' AdSense ads" JSFiddle example可能就是您想要的 - “我想展示另一个与display:block ”在另一个DiV中的AdSense广告。（移动垂直边框以查看广告“移动”。）

如何阻止浏览器使用自适应网站在移动设备上下载Google AdSense ADS？

1 个答案: