html - 响应式 Google AdSense 已显示 :none, 但 HTML 仍然呈现相同?

标签 html css adsense responsive-interaction

我正在实现响应式 Google AdSense 广告单元,我想在 <768px 上隐藏一个广告。

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

我应该如何实现 AdSense 代码,以便当用户在 <768px 屏幕上打开网站时,Google 不会注入(inject)内容?

最佳答案

我想我们已经知道官方的“隐藏广告单元”片段,而且我们知道它工作正常。

问题可能出在您的实现上,您应该提供您的代码片段。 (没有您的发布者 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>

关于html - 响应式 Google AdSense 已显示 :none, 但 HTML 仍然呈现相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32120035/

相关文章:

html - 使 <img> 标签可切换 - 响应 TAB 键导航

html - 如何将 SVG 添加到切换按钮?

css - 无法找出 Twitter Bootstrap 与 JSF Web 应用程序(文本框阴影)结合的问题

jquery - AdSense 与 AJAX

html - 使用负 margin 的替代方法?

javascript - 溢出-y 不适用于 fr

javascript - 基于输入值的样式

php - 如果类别 ID 为 in_array (Wordpress),则将标志值设置为 "0"

asp.net - Google 广告未显示在主页 : asp.net 上

html - 如何在不同屏幕尺寸的页面上调整图像大小?