响应式 Google AdSense 有 display:none，但 HTML 仍然呈现相同？答案

【问题标题】：Responsive Google AdSense has display:none, but HTML still renders the same?响应式 Google AdSense 有 display:none，但 HTML 仍然呈现相同？
【发布时间】：2015-08-21 22:22:59
【问题描述】：

我正在实施响应式 Google AdSense 广告单元，我想在

我在https://support.google.com/adsense/answer/3543893#hide 上看到现在允许在特定媒体查询上使用 CSS display:none。但是，当我应用它时，HTML 仍然是一样的。

如果用户在

【问题讨论】：

您的 HTML 将始终保持不变。但是渲染会有所不同。你有响应式设计的经验吗？
我的意思是，谷歌仍然注入图片广告。我想确保谷歌只在 > 768px 时注入代码。

标签： html css adsense responsive-interaction

【解决方案1】：

我想我们已经知道官方的“隐藏广告单元”sn-p，而且我们知道它可以正常工作。

问题可能出在您的实现上，您可能应该提供您的 sn-p。（没有您的发布商 ID 也可以。）

这样的东西可能是你想要的：

<style type="text/css">
.adslot_1_768plus { display: inline-block; width: 728px; height: 90px; }
@media (max-width: 767px) { .adslot_1_768plus { display: none; } }
</style>
<ins class="adsbygoogle adslot_1_768plus"
   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>

【讨论】：

@ivanasetiawan - 抱歉，“我仍然看到 ”并没有太大区别：我们仍然不知道您的代码是什么样的。随意编辑您的原始消息并包含您的代码（如果需要，请删除您的 pubID）。顺便提一句。 - 你尝试过我的消息中的 sn-p 吗？
@ivanasetiawan - 值得一提的是 - 如果广告隐藏，但仍呈现，您应该从您的网站中删除该代码。您所描述的是违反政策(link)，我认为 Google AdSense 可能会因此而对您的帐户采取行动。
抱歉我的问题不清楚。我正在实施响应式广告，我的目标是确保只有当用户的屏幕大于 768 像素时谷歌才会加载广告。这意味着，如果用户在移动设备上打开网站，广告将不会显示——不仅通过 CSS 隐藏，而且确保谷歌不会在页面上加载广告。到目前为止，当我使用“显示：无”实现媒体查询并检查屏幕上的元素
@ivanasetiawan 在 AdSense 中，很少有不同的变体被视为“自适应”广告代码。只有当我知道您的代码是什么样子时，我才能尝试来提供帮助。你说this - (click here) 不起作用。我可以告诉你，我 100.1% 确定它有效，而你的实施可能是问题所在。