Ads 720 x 90

(Tutorial) Como colocar Anti Adblock en Blogger para los visitantes, Código Javascript

anti adblock visitas blogger

Hola a todos, espero se encuentren bien 👌 en este sencillo tutorial les enseñare a como hacer que las personas que visiten tu blog de blogger y tengan activado el bloqueador de anuncios, que instalan mediante extensiones en chrome o mozilla, sea desactivado.

De tal manera que cuando entren a tu blog, les saldrá un aviso que dirá que tienen que desactivarlo para poder entrar a la web.

OJO: Lo malo de hacer esto es que, algunos visitantes estar hartos de la publicidad por lo que si les colocas este aviso, simplemente cerraran tu sitio y se irán a otro 😢😖

-Vamos al Tutorial.

Para hacer esto en realidad es muy sencillo, simplemente nos vamos a nuestro panel de Blogger.

Luego en nuestro panel, nos vamos a Configuración --- Diseño

Y saldrá algo así...

panel

Ya estando aquí hacemos el siguiente procedimiento.

Añadiendo Código

La gran ventaja de este código es que no ocupamos editar nuestra plantilla, si no que oh sorpresa basta con colocarlo en un widget de html.

El widget no importa la ubicación, da igual si es el header, sidebar, footer, bla bla, solo que sea un widget.

Vamos a darle en "Añadir Widget" y luego escogemos "Html / Javascript"

html

Una vez nos salga el campo de añadir código, vamos a copiar y pegar el siguiente código en el widget

<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://i.imgur.com/S7qZDNG.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://i.imgur.com/0E9Qw4s.jpg) 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 */
</style>

Y por ultimo, Guardan el Widget y refrescan su blog.

OBSERVACIONES

El código es 100% editable, si saben de código, pueden cambiar colores y también el aviso que sale.

La ventaja de este código, es que a veces sale y a veces no sale, por lo que esto hace que las personas vean algunos post y otros no, por lo que al final terminan desactivando el adblock 😎 

Así luce.

Si tienen instalado Adblock en sus navegadores pueden ver como se ve, para ello se van a su blog con el Adblock activo.

activo

Y por si quieren ver un demo, da clic aqui.

Fin

Espero que este tutorial de como añadir este bloqueador anti adblock para blogger te funcione, cualquier cosa ya sabes que siempre estoy el pendiente en los comentarios 👀

Otros leyeron

Publicar un comentario



Suscribete a nuestro boletin