Question

我创建了这个AdSense广告并使用了以下位置：相对于放置它。我只需要将此广告展示在桌面而不是手机上。但是，此时广告也会在手机上显示，而且由于我使用了“位置：相对”，因此它会显示在寄存器之外。关于如何在桌面上展示此广告并将其隐藏在手机上的任何想法？感谢。

<div style="position: relative; left: 700px; top:-100; ">

<style>
.test-ad { width: 728px; height: 90px; }
@media(min-width: 500px) { .test-ad { display: none; } }
@media(min-width: 800px) { .test-ad { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- test-ad -->
<ins class="adsbygoogle test-ad"
     style="display:inline-block"
     data-ad-client="XXXXXXXXXX"
     data-ad-slot="XXXXXXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</div>

Answer 1

检查用户代理是否为移动浏览器，然后不显示它们。您可以使用WURFL.js api用于用户代理检测。

添加：

<script type='text/javascript' src="//wurfl.io/wurfl.js"></script>

并使用此：

<script>
if(!WURFL.is_mobile){
      //display ads
}
</script>

请注意，免费使用WURFL只能使用5种功能，请查看网站了解更多详情。

Answer 2

min-width: 500px对于除了极少数手机之外的所有手机都太高了，它是平板电脑的领域。请记住，尽管分辨率可能非常高，但所谓的视口（浏览分辨率）要小1.5倍，2倍甚至3倍。大多数手机的视口宽度为320或360（即使是全高清也可能只有640x360，每个浏览器像素有3x3个真实像素）。简单来说，max-width: 500px应该这样做

仅在桌面上显示adsense广告并将其隐藏在移动设备上

2 个答案: