Chiunque ha un blog o sito ormai è consapevole dell' esistenza di estensioni e plugin come adblock e simili che sono in grado di nascondere anche i banner meno invadenti come quelli di adsense per questo in molti si sono chiesti come fare per risolvere il problema e impedire che vengano nascosti.
Come impedire ad Adblock e simili di nascondere banner Adsense?
Una soluzione per ora sembra non esistere quindi il metodo più semplice è invitare gli utenti a disattivarlo per il tuo sito se i tuoi contenuti gli interessano, come semplice sostegno morale, perlomeno aggiungendo un eccezione per il tuo sito a questa estensione del browser, ogni volta che giungerà al sito non sarà attivato. Come suggerito nel precedente articolo la soluzione più semplice è individuare se l' altazza del banner è 0, quindi nasosto e, far apparire un messaggio o altro per gli utenti, che gli incoraggi a disattivarlo. ma, nello specifico per Adsense?
Iniziamo inserendo il nostro codice adsense in un div con un id specifico:
<div id="ads">
<script type="text/javascript"><!--
google_ad_client = "qui il tuo ad-code";
/* banner ad */
google_ad_slot = "qui il tuo ad-code";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
Ora inseriamo nella nostra pagina web il codice che eseguirà l' azione, questi alcuni esempi:
1) Primo Esempio di codice
<script type="text/javascript"><!--
if(document.getElementsByTagName("iframe").item(0) == null)
{
document.write("<div style='width:160px; height:600px; padding-top: 280px; margin-left:5px;border:1px solid #000000; text-align:center; font-family:century gothic, arial, helvetica, sans serif;padding-left:5px;padding-right:5px;'>La pubblicità sembra essere bloccata dal tuo browser.<br /><br /><span style='font-size:10px'>Si prega di notare che la pubblicità ci aiuta a ospitare il progetto.<br /><br />Se trovate questi annunci intrusivi o inappropriati, si prega di contattarmi.</span><img src='http://www.playonlinux.com/images/abp.jpg' alt='Adblock Plus' /></div>");
}
--></script>
Guardando il codice di una pagina in cui è inserito un annuncio adsense si può notare che il codice adsense crea un iframe che contiene e visualizza i vari annunci link e banner. Adblock e simili vanno a nascondere questo iframe quindi con questo esempio di codice andiamo a individuare quando un iframe viene nascosto visualizzando, al posto di un annuncio verticale, un messaggio con un logo.
2) Secondo Esempio di codice
<style type="text/css">
#testo-mes {position:fixed;z-index:99;right: 0;bottom: 0;width:440px;height:320px;background-color:#fafafa;color: #900;border:#000 1px solid;margin:10px;text-align: center;}
</style>
<div id="mes"></div>
<script type="text/javascript"><!--
function TestPage() { if(document.getElementsByTagName("iframe").item(0) == null) {
var el = document.getElementById("mes");
el.innerHTML = "<div id='testo-mes'><p>QUESTO BLOG GRATUITO SI SOSTIENE SOLO GRAZIE AD UN PAIO DI BANNER NON INVASIVI. </p><p> PERFAVORE INSERISCI UN ECCEZIONE IN <b style='color: red;'>ADBLOCK</b> O PLUG-IN SIMILI.</p><img src='http://www.playonlinux.com/images/abp.png' alt='Adblock Plus' /><p>SE TROVI UTILE O PIACEVOLE IL NOSTRO BLOG DISATTIVALO, NON TI COSTA NULLA E QUESTO MESSAGGIO SCOMPARIRà.</p></div>"; }
$(window).scroll(function() { var limit = document.body.offsetHeight - window.innerHeight; if($(window).scrollTop() - limit){ $("#mes").show(); }else{ $("#mes").hide(); }}); }
$(TestPage);
--></script>
Questo secondo esempio utilizza lo stesso sistema del primo esempio per individuare il blocco ma l' ho modificato per far apparire un riquadro in basso a destra nel "<div id='mes'>" con il nostro messaggio quando identifica il blocco. La parte in verde serve a noscondere il messaggio quando la srollbar del browser arriva in fondo e ovviamente riappare muovendo la srollbar, se preferite potete eliminarlo.
3) Terzo Esempio di codice
<script type="text/javascript"><!--
(function(){var d=document;var i=d.getElementsByTagName('iframe');if(google_ad_client!=null||(window.getComputedStyle?d.defaultView.getComputedStyle(i[i.length-1],null).getPropertyValue('display'):i[i.length-1].currentStyle['display'])=='none'){document.getElementById("ads").innerHTML+='<style>html,body{margin:0;padding:0;height:100%}</style><center><tr><span style="color: Deepskyblue; padding:10px; margin-bottom:10px; text-shadow: Deepskyblue 1px 1px 10px; font-family: comic sans ms; padding:10px; margin-bottom:10px; font-size: 15pt;">Adblock Software Detected!!</color></span></span><br><br><span style="color: Deepskyblue; text-shadow: Deepskyblue 1px 1px 10px;"><span style="font-family: comic sans ms; font-size: 11pt;">Ciao Utente, stai ulilizzando un software adblocking. Gli annunci sono un modo non invasivo per coprire le spese del server.<br> Perfavore aggiungici alla vostra whitelist.</color></span></center></tr>'}})()
--></script>
Questo è un altro esempio di come possiamo monitorare i cambiamenti che Adblock e simili hanno sul codice Adsense per far visualizzare un messaggio di avviso in alternativa a banner di ogni dimensione.
4) Quarto Esempio di codice
<script type="text/javascript"><!--
if(typeof(window.google_jobrunner)=="undefined")
{
document.getElementById("ads").innerHTML = '<span>Gli annunci sono l' unica fonte di reddito per coprire le spese del server , perfavore aggiungici alla lista bianca di adblock o plugin simili.</span>';
}
--></script>
Questo invece è il più semplice e breve con cui possiamo inserire un messaggio.
Ovviamente ogni script suggerito può essere modificato a nostro piacere nel caso volessimo invece di far comparire un semplice messeggio, volessimo far aprire ad esempio una finestra per impedire agli utenti di vedere i contenuti del vostro blog/sito se hanno attivo Adblock o simili.
Se conoscete altri esempi non esitate a suggerirceli.
0 commenti:
Inserite il vostro nick name se volete una risposta altrimenti non si saprà a chi rispondere. Se inserite link verrà considerato spam e il commento non pubblicato.