COMO OBLIGAR A NUESTROS VISITANTES A DESACTIVAR ADBLOCK

mostrar advertencia para desactivar adblockEste tutorial es para enseñarles a obligar a tus visitantes a desactivar el ADBLOCK (un bloqueador de anuncios). Pues bien, esto suena rudo, pero los que creamos contenido no tenemos otra forma de sostenernos en la web, por tal razón es indispensable el uso de anuncios para recibir alguna remuneración y así poder costear gastos como el pago del dominio, host y administración del sitio web, ademas que nadie se va a tomar el trabajo de crear una web, subir artículos diariamente, responder comentarios y demás de manera gratuita.

Cuando una pagina web no te cobre por un servicio o producto es porque tu eres el producto.

Así que dejemos de creer que todos trabajan por caridad y por amor. Hoy veremos como poner un scrip que mostrara un mensaje de advertencia en el que le dice a nuestros visitantes que por favor desactiven el bloqueador de anuncios.

Paso a paso para mostrar mensaje de advertencia para desactivar adblock

1. Van a blogger y le dan en diseño.

mostrar advertencia para desactivar adblock

2. Luego en añadir gadget. 

mostrar advertencia para desactivar adblock

3. Seleccionan HTML/ JAVASCRIPT

mostrar advertencia para desactivar adblock

4. PEGAN EL SIGUIENTE CODIGO Y LE DAN EN GUARDAR

mostrar advertencia para desactivar adblock

EL CODIGO ES EL SIGUIENTE: 
<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>

El código en letras rojas es personalizable.


*Reproducir vídeo para ver el tutorial*

5 Comments

Deja un comentario