Desactivar AdBlock con un mensaje de advertencia

By: Iván Dangerfielden martes, febrero 18, 2014
Para muchos internautas la extensión AdBlock, se ha convertido en una herramienta que cada vez usan más usuarios, recomiendo dicha aplicación, cuando una página web, o ya sea un blog, abusa de publicidad molesta, que puede entorpecer y hacernos perder la paciencia a la hora de navegar por su sitio y ver el contenido del mismo, ya que demora mucho la carga de los elementos que conforman el lugar por culpa de la publicidad, en el que queremos adentrarnos. Y es habitual estar constantemente dándole al clic, cerrando susodichas ventanas emergentes o pop-up, que se nos abren en cada momento. Ese es el motivo por el que yo uso Ad Block, mayoritariamente, en páginas que nos inundan la pantalla de publicidad incordiosa.
Pero en otros lugares hago pausa en el AdBlock, porqué realmente son páginas web o blogs, que aunque lleven expuesta publicidad, no me molesta y nos es intrusa, así que es absurdo habilitar AdBlock en este tipo de lares y a cada momento. Hay que pensar que si todo el mundo usará AdBlock, muchas páginas web, dejarían de existir o simplemente dejarían de ser gratuitas. La gran mayoría de administradores sobreviven poniendo publicidad para ganarse la vida, cómo mejor pueden, o para sufragar gastos de dominio o de hosting. Así qué moralmente o éticamente, debemos de pensar que algunos sitios dejarán de vivir por el motivo de que no ganan ingresos, y la motivación desaparecerá en muchos casos, cómo por arte de magia (es una hipótesis). No escribo esto para dar la lata, ni para dar sermones baratos, cada uno es libre de hacer lo que quiera, sobretodo, exclamó ¡libertad!. Pero ser conscientes del problema.
Después de una pequeña charla, el motivo de está entrada es desactivar AdBlock, mediante un script que se nos aparecerá una ventana con una advertencia que se mostrará en pantalla completa, aconsejándonos que deshabilitemos la extensión de AdBlock, de nuestro navegador, cuando tengamos habilitado AdBlock, al ingresar en cualquier página web o blog, cuando hayáis insertado el script, cómo he mencionado antes. Primeramente, veremos la demostración en el botón azul de abajo, para que sepáis de lo que hablamos y escribimos, obviamente debes de tener habilitado AdBlock o Adblock Plus para ver la demostración:
Demo advertencia Ad Block!
Insertaremos el script y los estilos CSS en un sólo paso

1. Ir aBlogger
2. Después a Diseño.
3. Añadir un Gadget.
4. Y ahora ir a HTML & Javascript.
5. Y por último copiar y pegar el siguinte código.
6. Haz las modificaciones pertinentes que consideres y guarda.

<script>(function(w,u){var d=w.document,z=typeof u;function g207(){function c(c,i){var e=d.createElement('i'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('g207')){c('<p><img src="http://lh3.googleusercontent.com/-Zu-yEcWSthg/UAw3XbmhTSI/AAAAAAAAADc/snfIcnbTGao/s128/adblockdetected.png"><br/>-Hasta que no desactives Ad Block, no podrás ver el contenido!<br/>-Está página se sostiene gracias a la publicidad!<br/>-Por favor desactiva Ad Block para apoyarnos!<br/>-Please disable your ad blocker!<br/>-This site is supported by the advertisement! <br/>-Please disable your ad blocker to support us! </p>','g207')}};(function(){var a=['Adrectangle','PageLeaderAd','ad-column','advertising2','divAdBox','mochila-column-right-ad-300x250-1','searchAdSenseBox','ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display)=='none'){return f('#'+a[i])}}}());(function(){var t=g(0,'img'),a=['/adaffiliate_','/adops/ad','/adsales/ad','/adsby.','/adtest.','/ajax/ads/ad','/controller/ads/ad','/pageads/ad','/weather/ads/ad','-728x90-'],i;if(typeof t[0]!=z&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client','http://js.adscale.de/getads.js':'adscale_slot_id','http://get.mirando.de/mirando.js':'adPlaceId'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]!==null){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',g207,false)}else{w.attachEvent('onload',g207)}})(window);</script>
<style type="text/css">
/* Estilos CSS del desactivador Ad Block */
#g207{
position:fixed !important;
position:absolute; /* Tipo de posición */
top:0;
top:expression((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+"px");
left:0;
width:100%; /* Ancho */
height:100%; /* Alto */
background:url(http://3.bp.blogspot.com/-rstf0cpjsec/UwOm7_RCD4I/AAAAAAAAS5s/TUWsL6lRL4Q/s1600/stardust.png) right center !important; /* Imagen del fondo */
opacity:0.9; /* Opacidad */
filter:alpha(opacity=90); /* Filtro de la opacidad */
display:block
}
#g207 p{
opacity:1; /* Opacidad */
filter:none;
font:bold 18px Georgia, Arial, sans-serif; /* Tipo de fuente */
text-align:center; /* Alineamiento del texto */
text-transform:uppercase; /* Transformación en mayúsculas */
font-style:italic; /* Estilo de la fuente */
margin:10% 0; /* Margen del texto */
}
#g207 p a,#g207 p i{
font-size:18px; /* Tamaño de la fuente */
}
#g207 ~ *{
display:none
}
/* Fin de los estilos by Aizum Blog */
</style>

Por último cabe destacar que podéis cambiar y personalizar algunas modificaciones que he resaltado en el código CSS, y sobretodo, subrayo una cosa del código CSS, para costumizarlo a tu gusto, en la zona CSS puedes cambiar la imagen de fondo por la imagen de fondo que desees, en: background:url(AQUÍ LA URL DE LA IMAGEN...) right center !important; también puedes remplazar todo el código anterior por un color, de está forma: background: #fff; (Color de fondo). Espero que os haya gustado y os sea útil este desactivador. Dejar un comentario si tenéis dudas.

Get free premium widgets for your blog and website.