COMO ACTIVAR EL ANTI - ADBLOCK EN TU SITIO WEB O BLOG
Tabla de contenido
COMO OBLIGAR A NUESTROS VISITANTES A DESACTIVAR ADBLOCK
Este 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.
2. Luego en añadir gadget.
3. Seleccionan HTML/ JAVASCRIPT
4. PEGAN EL SIGUIENTE CODIGO Y LE DAN EN GUARDAR
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.
Vídeo tutorial
En el siguiente video explico paso a paso como se realiza este proceso.
Si quieres conocer otros artículos parecidos a COMO ACTIVAR EL ANTI - ADBLOCK EN TU SITIO WEB O BLOG puedes visitar la categoría Blogger.
Entradas relacionadas