COMO ACTIVAR EL ANTI - ADBLOCK EN TU SITIO WEB O BLOG

Tabla de contenido
  1. COMO OBLIGAR A NUESTROS VISITANTES A DESACTIVAR ADBLOCK
  2. Paso a paso para mostrar mensaje de advertencia para desactivar adblock
  3. Vídeo tutorial

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.

Recomendado:   Elicitación de requerimientos: 5 buenos hábitos

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

Go up