我正在实现响应式 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/