2014-07-26 82 views
0

我想在adsense廣告上方添加一條小信息以表示它是廣告並感謝用戶不使用adblock。很明顯,如果用戶使用adblock,我希望隱藏它。在adblock阻止廣告時添加文字,但在adblock阻止廣告時隱藏它

我記得幾年前通過簡單地使用<div class="advert">包裝廣告,並把文本放在裏面。似乎adblock不再以這種方式阻止元素,因爲廣告被阻止但文本仍然存在。

<div class="advert"> 
    Thank you for not using adblock! 
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
    <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px"></ins> 
    <script> 
    (adsbygoogle = window.adsbygoogle || []).push({}); 
    </script> 
    Advertisements directly support the hosting of this site 
</div> 

我可以創建一個腳本來檢測Adblock的和隱藏與文字,但我寧願讓如果可能,Adblock的腳本做躲藏。我主要想知道這是否可能。有沒有什麼地方可以包含文字,這樣它就會被視爲廣告的一部分,因此會被封鎖?

+0

嘗試HTTP ://stackoverflow.com/questions/14079048/adblock-plus-hids-elements-with-ids-or-class-with-the-word-ad –

+0

@estshy麻煩是我想'廣告'div被隱藏,但事實並非如此。 –

+1

我想adblock只是阻止腳本的加載。您可能可以通過ajax加載該腳本並檢測是否有錯誤。儘管現在不能測試這個理論。 – Sumurai8

回答

1

那麼解決方案其實很簡單。您只需將文本樣式應用到.adsbygoogle,然後使用::before::after僞元素來顯示文本。當廣告被阻止時,.adsbygoogle元素不存在,因此不會創建僞元素。

.adsbygoogle { 
    font-size: 12px; 
    text-align: center; 
} 
.adsbygoogle:before { 
    content: 'Text above'; 
} 
.adsbygoogle:after { 
    content: 'Text below'; 
} 

它簡單,乾淨,語義也總是優點。無需額外的標記或任何JavaScript。

2

我很抱歉,但正確回答你的問題非技術和負:你不能爲「上面添加的AdSense廣告的小消息,以表示它是一個廣告,並感謝用戶爲不使用adblock「。

  • 謝謝你沒有使用的Adblock!」 隨時隨地您的網站或網頁:
    非常大的風險,我認爲這是違反AdSense政策的。

  • 謝謝你沒有使用的Adblock!」 以上的AdSense廣告單元
    「過分強調」 和 「具有誤導性的標籤」 AdSense計劃。

  • 廣告直接支持本網站的主機」:
    明顯違反 - ‘鼓勵用戶點擊谷歌廣告’。

爲了確保用戶和廣告客戶, 出版商參與AdSense計劃的良好體驗不得:

  • 補償爲用戶觀看廣告或執行搜索,或承諾賠償這種行爲的第三方。
  • 鼓勵用戶使用諸​​如「點擊廣告」,「支持我們」,「訪問這些鏈接」或其他類似 語言的短語來點擊Google廣告。
  • 使用箭頭或其他圖形噱頭引導用戶關注廣告。
  • 在個別廣告旁放置誤導性圖片。
  • 將廣告放置在浮動框腳本中。
  • 格式化廣告,使其與該頁面上的其他內容無法區分。
  • 格式化網站內容,以便很難區分廣告。
  • 在Google廣告單元上放置誤導性標籤。例如,廣告可能被標記爲「贊助商鏈接」或「廣告」,但不包括「最喜歡的網站」或「今日的熱門優惠」 。

來源:AdSense program policies

發佈商不得用語言來引導用戶點擊 谷歌的廣告,如:

  • 「隨意點擊廣告」
  • 「爲原因做出貢獻,訪問廣告」
  • 「幫助k eep這個網站運行,看看我們的贊助商「
  • 」我們需要一個新的服務器。支持我們「

來源:Ad placement policies

+0

它聲明:'廣告可能被標記爲「贊助商鏈接」或「廣告」,這基本上是我正在做的。我確保用戶通過將其與其他頁面內容區分開來,瞭解它是一種廣告。 「廣告直接支持本網站的託管」這一行可能需要更好的措辭,儘管它不直接鼓勵點擊,因此不會違反條款。此外,你的回答不具有建設性,也不會以任何方式回答原始問題。 –

0

對於水平的廣告,與一個div

<div class="adHorizontal"> 

這個CSS包裝廣告爲我工作:

div.adHorizontal ins.adsbygoogle:before { 
content: 'Advertisement'; 
position: relative; 
top: 15px; 
color: #888; 
font-size: .75rem; 
-webkit-transform: rotate(270deg); 
transform: rotate(270deg); 
transform-origin: right top 0; 
float:right;}