Cuando la gente piensa en OxygenBuilder, se imagina a una agencia utilizándolo para sus diseños.
Incluso a diseñadores freelance profesionales con clientes top.
Sin embargo, (en mi opinión no solicitada de hoy) existe un muy buen uso que le puedes dar a Oxygen: la creación de páginas web de nicho.
No voy a entrar al debate de qué builder es mejor para ello.
Si estás aquí, es obvio que conoces mi opinión.
Hay dos tipos de nicho que destacan sobre todos en cantidad: adsense y amazon
Para mi sorpresa, veo pocos guiris utilizar Oxygen en este tipo de sitios. Cuando yo creo que tiene un potencial increíble a la hora de diferenciar páginas webs.
No hay apenas información en el grupo de facebook oficial en inglés sobre adsense, por lo que lo que vas a ver aquí hoy es valor del bueno. 😉
En el artículo de hoy, te voy a explicar cómo integro yo mis anuncios de adsense dentro de OxygenBuilder.
[lwptoc]
Si me sigues en mi canal de youtube (suscríbete por el bien del niño jesús), puede que hayas visto la serie en la que profesionalizo un nicho.
Ese nicho de adsense, me dio bastantes dolores de cabeza a la hora de integrar los anuncios.
Probé bastantes plugins y siempre ocurría el mismo problema: los anuncios responsive generaban un gap a la derecha en móviles. El auto width de 100% me jodía el layout.
Seguía dando pasta, pero estaba feo. Y no puedo dejar algo feo.
Podría haber usado anuncios con tamaño fijo directamente, pero me gusta solucionar problemas.
Además, que el tito Google dice (creéle tú...) que los anuncios responsive tienen mejor tasa para conseguir clicks.
Por mucho que limitara el width del container o del propio anuncio, no había manera.
Probé tantos plugins que casi opto por dejarlo todo y ponerme a opositar.
Miento, usé 3-4 y al final encontré la solución.
Los plugins que probé:
Incluso probé a añadir los anuncios con un 'Code Block'.
Spoiler: salió mal
Al principio estaba encabezonado con utilizar anuncios responsive, pero abrí los ojos.
Después de comerme mil tutoriales de Bruno Ramos sobre Adsense y mil cursos, decidí probar los anuncios fijos.
Según Bruno y otros expertos como @diosdelseo, los anuncios fijos ofrecen mejor rendimiento que los responsive. Por mucho que diga Google.
Tanto en Adsensei como en Ad Inserter Pro es muy sencillo.
Pillas el código del anuncio, lo insertas y eliges dónde quieres que esté.
Algunos recomiendan un máximo de 3 anuncios por página. Para no sobrecargar y para evitar que la velocidad se vea afectada.
Aún así, hemos venido a jugar.
Si quieres sacarle rendimiento, pon un anuncio de display cuadrado después de cada encabezado.
Otra cosa que recomienda Bruno, es utilizar anuncios "adaptables". Estos anuncios se adaptan al ancho y en mobile mediante CSS, los transforma en vertical. Esto aumenta el active view del anuncio.
Como todo en esta vida, pues depende de tu caso.
Yo aún no estoy convencido del todo de cúales funcionan mejor.
Te recomiendo probar y elegir en base a tus resultados.
Este es el elegido si lo que quieres son "responsive" ads.
No busques más.
Si quieres usar anuncios responsive en tus webs hechas con OxygenBuilder, utiliza Advance Ads.
Los otros cargaban los anuncios pero me daban problemas con el layout en dispositivos móviles.
Adsensei creaba un hueco blanco como el que os enseño a fixear en este tutorial, pero me resultó imposible arreglarlo.
Ad Inserter desplazaba el contenido de la misma forma debido al anuncio, solo que no generaba el hueco blanco a la derecha. Aún así, no me gustaba el resultado.
Advanced Ads. Este sí que sí.
El propio plugin trae una opción en settings que te permite desactivar los anuncios responsive en móviles. Eso hace que en desktop y otras pantallas funcionen los responsive, y en móvil se vean bien.
Simplemente añade tu anuncio por adsense de forma manual o conectando tu cuenta de adsense.
Crea un nuevo anuncio seleccionando la opción de adsense.
En mi caso, los inserto de forma manual mediante shortcodes, por lo que selecciono esa opción.
No te olvides de ir a Advanced Ads -> Settings -> Adsense -> Full width responsive ads on mobile (abajo del todo) -> Disable
Así de fácil. Y con la versión gratuita.
Ya puedes ganar dineritos con adsense utilizando OxygenBuilder.
Si te ha ayudado el tutorial, suscríbete a la newsletter, a youtube o sígueme.
También me sirve un gracias.
Y si tienes dudas, pues aquí abajo en los comentarios o escríbeme que será más rápido.
PD. Y así es como le contaré a mis nietos que no tuve que ponerme a opositar.
3 comentarios
Crack Que eres un Crack!
Hola!
Tengo una web creada con Oxigen Builder. Instale Advanced Ads, utilicé shorcode, pero no se visualizan los anuncios. Que podrá estar pasando_