响应式Google AdSense显示:无,但HTML仍呈现相同的效果?

时间:2015-08-20 13:46:52

标签: html css adsense responsive-interaction

我正在实施自适应Google AdSense广告单元,我想在< 768px上隐藏广告。

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

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

1 个答案:

答案 0 :(得分:0)

我认为我们已经知道官方" 隐藏广告单元"片段,我们知道它工作正常。

问题可能是您的实施,您应该提供您的代码段。 (没有您的发布商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>