Como sabemos luego de darle mucho esfuerzo y dedicación a nuestro blog de Blogger o WordPress queremos obtener ingresos como un extra. Ganar dinero con nuestro blog es posible gracias a los anuncios de plataformas o Networks. Sin embargo en la actualidad existen muchas extensiones o aplicaciones que tienen como finalidad bloquear u ocultar los anuncios.
Si los anuncios son Bloqueados entonces nosotros no podemos ganar dinero con nuestro Blog, es por ello que a continuación te explicare como Insertar o añadir un Anti AdBlock a tu Blog. De esta forma obligaras a todos los usuarios a que desactiven el Bloqueador de Anuncios.
—> Demostración del Anti-AdBlock
¿Qué es un Anti-AdBlock?
Un Anti AdBlocker es un código o Script que tiene como finalidad no permitirles a los navegantes de tu sitio web utilizar una aplicación o extensión que bloquee u oculte los anuncios.
Como Insertar el Anti-AbBlock en tu Blog de Blogger
Estos son los pasos que debes seguir para agregar un anti adblock a tu blog de Blogger:
- Acceder a Blogger
- Ingresar a Tema
- Abrir Editar HTML
- Ubicar la Etiqueta <head>
- Luego de la etiqueta agregar el Código
Como Insertar el Anti-AbBlock en tu Blog de WordPress
Estos son los pasos que debes seguir para agregar un anti AdBlock a tu Blog de WordPress:
- Acceder a tu WordPress
- Ir al panel de administración
- Seleccionar Editor de Archivos de temas en la sección Apariencia
- Buscar la etiqueta <head>
- Pegar código después de la etiqueta
Desventajas de usar Anti-AdBlock
Luego de utilizar varios anti adblocks de internet pude sacar las siguientes desventajas:
- Aumenta el rebote: La mayoría de usuarios que utilicen algún tipo de bloqueadores de anuncios se irán del sitio web, aunque otros optaran por desactivar el adblocker.
Ventajas de usar Anti-AdBlock
Las ventajas de insertar un Anti AdBlock en tu blog o sitio web son las siguientes:
- Aumenta los Ingresos: Como sabemos al obligar a nuestros lectores a desactivar el bloqueador de anuncios, generaremos mas impresiones de anuncios y probablemente mas dinero.
Código Anti-AdBlock
No Olvides insertar este código dentro de las etiquetas <head> código aquí </head>
<style type='text/css'>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>
<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://imparteconocimientos.com/recursos/Anti-AdBlocker.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>No Olvides insertar este código dentro de las etiquetas <head> código aquí </head>
<style type='text/css'>
/* Animation */
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scale3d(1,1,1)}}
/* Say Hi to Adblock */
#arlinablock{background:rgba(0,0,0,0.65);position:fixed;margin:auto;left:0;right:0;top:0;bottom:0;overflow:auto;z-index:999999;animation:fadeInDown 1s}
#arlinablock .header{margin:0 0 15px 0}
#arlinablock .inner{background:#e3482d;color:#fff;box-shadow:0 5px 20px rgba(0,0,0,0.1);text-align:center;width:600px;padding:40px;border-radius:5px;margin:7% auto 2% auto;animation:rubberBand 1s}
#arlinablock button{padding:10px 20px;border:0;background:rgba(0,0,0,0.15);color:#fff;margin:20px 5px;cursor:pointer;transition:all .3s}
#arlinablock button:hover{background:rgba(0,0,0,0.35);color:#fff;outline:none}
#arlinablock button.active,#arlinablock button:hover.active{background:#fff;color:#222;outline:none}
#arlinablock .fixblock{background:#fff;text-align:left;color:#000;padding:20px;height:250px;overflow:auto;line-height:30px}
#arlinablock .fixblock div{display:none}
#arlinablock .fixblock div.active{display:block}
#arlinablock ol{margin-left:20px}
@media(max-width:768px){#arlinablock .inner{width:calc(100% - 20px);margin:10px auto;padding:15px}}
</style>
<script type='text/javascript'>
//<![CDATA[
// Say Hi to Adblock
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://imparteconocimientos.com/recursos/Anti-AdBlocker-En.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>Asegúrate de realizar los pasos correctamente y de utilizar un bloqueador de anuncios para visitar tu blog y ver que tal funciona el Anti AdBlock.
Hola amigo,quisiera saber como cambiarlo por una imagen, en vez que solo me aparezca la las letras con el fondo rojo.
Hola! Excelente contenido. Cómo puedo cambiar el idioma en inglés. Sería de gran ayuda si me puedes dar una solución. Saludos!