viernes, 10 de febrero de 2017

"Anti AdBlock Script" bloquear entradas a visitantes que usen AdBlock en Blogger

¡Nuevo post! Veamos Adblock es un arma de doble filo, si lo usamos como visitantes de un sitio nos salva de tanta publicidad, pero, si somos editores de nuestras webs o blogs quién lo use con nosotros nos afectará porque no monetizaremos con ese usuario 😓 de esta forma sí lees este post es porque el segundo caso aplica para ti y eres amo y señor de un blog, pues hoy vamos a ver como parar a aquellos usuarios que usan blogger y deben desactivarlo para ver nuestro contenido.

Puedes ver un demo aquí:

http://demo.bloggerhacking.com/2016/08/stop-users-using-adblocker-in-blogger.html#
 

 EL TUTORIAL

1. Lo primero será ir a Blogger > Diseño > HTML/JavaScript.


2. Allí pegaremos el siguiente código:
<style>#g207{position:fixed!important;position:absolute;top:0;top:expression
((t=document.documentElement.scrollTop?document.documentElement.scrollTop:document
.body.scrollTop)+"px");
left:0;width:100%;height:100%;background-color:#fff;opacity:0.9;filter:alpha(opacity=90);display:block}#g207 p{opacity:1;filter:none;font:bold 16px Verdana,Arial,sans-serif;text-align:center;margin:20% 0}#g207 p a,#g207 p i{font-size:12px}#g207 ~ *{display:none}
</style><noscript><i id=g207><p>Please enable JavaScript!<br />Bitte aktiviere JavaScript!<br />S'il vous pla&icirc;t activer JavaScript!<br />Por favor,activa el JavaScript!<br /><a href="http://antiblock.org/">antiblock.org</a></p></i></noscript><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>Por favor desactiva tu Adblocker!<br/>Este blog ofrece contenido gratuito gracias a los anuncios de publicidad <br/> Si nuestro contenido te gusta puedes desactivarlo sólo en nuestro blog, ayúdanos.</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>

3. Y sólo queda guardar, listo ¿Fácil no?


EXPLICACIÓN COLORES

- En color azul tenemos el mensaje que le saldrá al lector que use AdBlock e ingrese a nuestro blog.

- En color rojo tenemos todo el CSS de nuestro truco, si sabes CSS puedes modificar fondo, colores, letra del aviso en efecto. 

Muy sencillo y simple más largo es este post.

Es todo hasta la próxima,

2 comentarios:

  1. ¿hay alguna forma de que salga el aviso, pero que tenga la opción cerrar?

    ResponderEliminar
    Respuestas
    1. Claro pero tocaría modificar explicartelo por un comentario se hace largo e incómodo con un poco más de tiempo veré si puedo editar el post quizá...

      Un saludo,

      Eliminar

SÍGUENOS EN: