僅在臺式機上顯示AdSense廣告並將其隱藏在手機上

我創建了此AdSense廣告並使用了位置：相對於放置它。我只需要將此廣告展示在桌面上，而不是手機上。然而，此時廣告也在移動設備上顯示，並且由於我使用了「位置：相對」，因此將其展示在邊界之外。如何才能在桌面上展示此廣告並將其隱藏在手機上？謝謝。僅在臺式機上顯示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>

來源

2015-06-27 user2334436

我添加了一個例子，讓我知道如果有幫助。 – Garry

min-width: 500px對於所有人來說都太高，但很少有手機，它是平板電腦領域。請記住，雖然分辨率可能相當高，但所謂的視口（瀏覽分辨率）會減少1.5倍，2倍甚至3倍。大多數手機的視口寬度爲320或360（甚至全高清可能只有640x360，每個瀏覽器像素爲3x3實像素）。簡單來說，max-width: 500px應該這樣做

來源

2015-06-27 04:44:33

檢查用戶代理是否爲移動瀏覽器，然後不顯示它們。您可以使用WURFL.js api進行用戶代理檢測。

補充一點：

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

，並使用此：

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

請注意，在自由，你只能使用5個WURFL功能時，請確認網站了解更多詳情。

來源

2015-06-27 03:53:22 Garry

僅在臺式機上顯示AdSense廣告並將其隱藏在手機上

回答

相關問題