如何防止浏览器在具有响应式网站的移动设备上下载 Google AdSense ADS？

Question

对于媒体查询，我将 Div 设置为 display:none，其中包含 AdSense 代码。但是，我想展示另一个 AdSense 广告，它位于另一个 DiV 中 display:block。

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

Answer 1

父 div 上的

display:none 不会阻止来自该广告单元的广告请求：

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

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

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

<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 可能就是您想要的 - “我想展示另一个 AdSense 广告，该广告位于另一个 DiV 中 display:block”。（移动垂直边框以查看广告 "moving"。）

如何防止浏览器在具有响应式网站的移动设备上下载 Google AdSense ADS？

How to prevent browsers downloading Google AdSense ADS on Mobile with responsive site?

css

browser

adsense