Inicio Monetización del Tráfico ¿Qué es un Banner? Banners publicitarios para tu sitio web

¿Qué es un Banner? Banners publicitarios para tu sitio web

por Federico G

Cuando hablamos de publicidad en línea, los banners son uno de los mejores instrumentos para mostrar las ventajas de una marca, producto o servicio. A pesar de que algunos editores piensan que están pasados de moda, los banners son piezas claves en toda campaña de marketing.

Si eres un editor y quieres saber más acerca de banners de publicidad, lee el artículo hasta el final para descubrir esta herramienta imprescindible y monetizar tu sitio web.

¿Qué es un banner?

Un banner es un formato de publicidad digital que puede incluir imágenes, textos, animaciones y otros elementos. Su función principal es dar a conocer una marca y dirigir tráfico hacia la página web del anunciante que paga por un espacio en el sitio de un editor.

Los buenos banners captan la atención del lector y lo invitan a saber más sobre lo que se promociona. Son llamativos, agradables y no requieren mucho texto, sino imágenes o elementos multimedia para comunicar un mensaje. Como ejemplo, ve este banner que aparece en la página de noticias Infobae:

banner-publicitario-ejemplo-de-banner-infobae
banner-publicitario-ejemplo-de-banner-infobae-2
Contenido ↑

¿Cómo puedes monetizar tu sitio web con banners?

No importa si optas por banners, Native Ads o Social Bar (In-Page Push), la forma de hacer dinero por mostrarlos será la misma. Las personas ven anuncios en tu página web y por eso te pagan. 

Las campañas de banners suelen basarse en el rendimiento. Esto significa que los anunciantes te pagarán si un usuario realiza la acción requerida — el modelo CPA o coste por acción. Estas acciones pueden ser: rellenar formularios, instalar una aplicación, probar un producto, formar parte de un concurso, etc.

¿Qué tipos de anuncios display existen aparte de los banners clásicos?

Estos son los principales formatos display de Adsterra:

Display Banner

La publicidad display o banner digital es el tipo de publicidad en línea más antiguo y de mayor eficacia. Por lo general, los banners son imágenes o archivos GIF con medidas específicas, que se colocan en sitios web de editores, sitios para móviles y blogs.

banner-publicitario-ejemplo-de-display-banner
Contenido ↑

Native Banner

Aunque también son anuncios de banner, estas unidades tienen un pequeño secreto. Se adaptan a los intereses de los usuarios y al contenido de la página. Esto significa que los banners de Adsterra no sólo parecen una parte esencial del contenido, sino que satisfacen las necesidades de tu audiencia sin ser intrusivos. La inmunidad a AdBlock es una de sus ventajas. 

banner-publicitario-ejemplo-de-native-banner
Contenido ↑

Popunder

Los popunders son una clase de anuncios onclick que aparecen en una nueva pestaña detrás de la ventana principal del navegador. Se trata de un tipo de publicidad a pantalla completa. Recomendamos utilizar este formato en lugar de anuncios pop-up, ya que estos últimos pueden resultar intrusivos, especialmente en dispositivos móviles.

banner-publicitario-ejemplo-de-popunder
Las ofertas se muestran en otra pestaña del navegador del usuario
Contenido ↑

Social Bar

Social Bar es uno de los formatos publicitarios más estimulantes e interactivos; puede tener la forma de un in-page push, burbujas de chat, banners personalizados, iconos, concursos, etc. Es ideal para sitios web con una UX bien construida, monetizar usuarios de iOS, y evitar Ad Block.

Otras ventajas:

  • No son intrusivos;
  • Promueven la interacción de los usuarios;
  • No ocupan espacio en el diseño de una página;
  • Envían altas tasas de CPM.
banner-publicitario-ejemplo-de-social-bar
Contenido ↑

Vast Video

Los anuncios pre-roll o vast video ayudan a encontrar a la audiencia más interesada mostrándoles vídeos cortos antes de que continúen con el contenido general. Un vídeo publicitario dura hasta 30 segundos y consigue altas tasas de conversión, ya que los usuarios están decididos a ver el contenido posterior.

Con Adsterra, puedes beneficiarte de todo tipo de anuncios de vídeo en dispositivos de escritorio, iOS y Android.

banner-publicitario-ejemplo-de-vast-video
Contenido ↑

¿Cómo colocar banners en un sitio web y monetizar?

Para hacer que aparezca un banner en tu sitio web, primero tendrás que obtener el código/script de Adsterra. Después, colocarás este código en tu página web o móvil para que los visitantes puedan ver los anuncios. Cada paso requiere un conjunto específico de acciones, y las explicaremos a continuación.

1. Cómo obtener códigos de anuncios publicitarios de Adsterra

1.1 Regístrate como Publisher

Los propietarios de sitios web pueden generar un código único o script para el tamaño de banner más adecuado. En la plataforma Adsterra se encuentran disponibles los tamaños más usados: 468х60, 728х90, 320х50, 300×250, 160×600, 160×300.

Para un mismo sitio web puedes solicitar banners de diferentes tamaños. ¿Cómo se solicitan?

  • Primero, regístrate o inicia sesión en Adsterra como Publisher.
  • Busca el ícono Websites y cliquea ADD WEBSITE. Deberás completar los campos obligatorios: URL de tu sitio, categoría y Unidad de Anuncio.
banner-publicitario-adsterra-add-website
  • En Available Ad Units, selecciona un tamaño de banner. Luego, cliquea el botón ADD.
banner-publicitario-adsterra-add-new-website

¡Muy bien! Tu sitio web y tu solicitud de banner han sido aprobados.

Contenido ↑

1.2 Arrastra tus códigos/scripts de banner desde tu cuenta de Adsterra

Cuando veas que tu sitio web y el estado de la solicitud de banner cambien a Approved, estás en condiciones de copiar el código y pegarlo en cualquier página de tu sitio. Hay dos maneras de obtener los códigos: 

Desde tu cuenta

En la página de Websites, encuentra el sitio web para el cual solicitaste el código de banner. Haz clic en ALL CODES, luego en GET CODE. Copia el script sin modificarlo.

banner-publicitario-adsterra-get-code

Desde el correo electrónico que te envía Adsterra

Dirígete a tu bandeja de entrada y ubica el correo electrónico del Equipo de Soporte de Adsterra. Abre el correo y sigue el enlace para copiar el código que solicitaste en los pasos anteriores.

Contenido ↑

2. Coloca el anuncio publicitario en tu sitio web

Después de copiar el script del banner, puedes colocarlo en cualquier zona del cuerpo de la página excepto dentro de la etiqueta “<head>” de tu código HTML. Ahora te mostraremos de qué manera colocar los anuncios en sitios HTML estáticos y de WordPress.

2.1 Cómo colocar banners en un sitio web con HTML estática

Si estás ejecutando tu sitio web HTML estático sin CMS o editor visual, debes colocar tu script de banner en cualquier espacio del cuerpo de la página. Abre la vista HTML y coloca el script que obtuviste de Adsterra.

banner-publicitario-adsterra-html

Selecciona cualquier tamaño/tipo de banner y recibe el código para monetizar el tráfico de tu sitio web con anuncios de Adsterra. ¡La aprobación más veloz garantizada!

Contenido ↑

2.2 Instala banners en sitios web basados en WordPress

WordPress ofrece diferentes opciones para colocar banners. Puedes agregarlos a todas las páginas o en algunas pegando los scripts de forma manual.

Agrega desde el código fuente 

Haz clic en Appearance y selecciona Theme Editor. Elige el elemento de la página donde agregarás tu script. Si seleccionas un banner de 468×60, puedes escoger el elemento Header o Footer. Cliquea el nombre del elemento para ver su código fuente. Busca el lugar donde vas a colocar el banner y pega el script. Luego simplemente presiona Update file.

banner-publicitario-adsterra-theme-editor
Contenido ↑

2.3 Agrega banners de Adsterra a una sola página

Si quieres que el banner publicitario aparezca en una página específica, puedes usar el widget Custom HTML pero en la página seleccionada. 

  1. Desde el panel de administración, cliquea Pages.
  2. Busca la página que necesitas y coloca el cursor sobre ella. Luego haz clic en Edit. Recorre la página y encuentra un espacio para colocar el script de tu banner. 
  3. Haz clic en + y selecciona Custom HTML.
  4. Inserta el código del banner en el cuadro de texto
  5. Cliquea Update
banner-publicitario-adsterra-custom-html
Contenido ↑

¿Dónde colocar banners publicitarios para monetizar más?

Los banners se colocan en los lugares más visibles de los sitios web para mostrar una marca y generar clics, compras y clientes potenciales (leads). Estas áreas pueden ser la parte frontal, inferior o lateral de la/s página/s. Zonas particulares donde los usuarios suelen dirigir la mirada. 

1. Primer pantallazo (Above the fold)

Cuando se coloca un banner de 728x90px sobre la portada del artículo o sobre el bloque de noticias más recientes. El formato rectángulo (300x250px) también se suele emplear aquí. En pocas palabras, es lo primero que ve el visitante.

banner-publicitario-ejemplo-de-primer-pantallazo
Contenido ↑

2. Partes más visibles de una página web

Observa la siguiente captura de pantalla. A simple vista puede parecer un ejemplo de lo que no se debe hacer. Dos banners rodean el contenido pero éste no siempre puede ser valioso.

En este caso, los usuarios llegan al sitio web Optimizilla para optimizar sus imágenes PNG y lo consiguen justo después de ver los anuncios. Tanto los anuncios como el botón de SUBIR se colocan a la vista del espectador y no interfieren en el contenido.

banner-publicitario-ejemplo-de-partes-mas-visibles-de-una-pagina-web
Contenido ↑

3. Barras laterales

Las barras laterales rotan la información secundaria a la izquierda y a la derecha del contenido principal. 

Muchos llaman a las barras laterales como “zona de ceguera publicitaria (banner blindness)”, pero consiguen atraer todas las miradas si tienen un buen diseño. Como en el siguiente ejemplo, la barra lateral es visible y el banner puede generar muchas interacciones. 

banner-publicitario-ejemplo-de-barras-laterales
Contenido ↑

Errores comunes al momento de la colocación de banners

Ya te hemos mostrado algunos de los mejores lugares para poner banners. Ahora hablemos de cuatro de errores comunes que cometen los editores intentando conseguir más clics.

1. Los anuncios se superponen o no permiten ver el contenido principal

¿Recuerdas el consejo sobre colocar banners en el primer pantallazo (above the fold) y en las partes más visibles del sitio? Bueno, esto solo funciona si no se superpone el contenido principal con los anuncios. Todo usuario debe obtener lo que busca, si no lo hace, se va. Así que asegúrate de que lo primero que vea el visitante esté preparado para mostrar contenido útil junto con anuncios.

2. El mismo código de banner es utilizado dos veces

Si necesitas dos banners del mismo tamaño, solicita dos códigos diferentes. Por favor, no coloques el mismo banner dos veces ya que las estadísticas pueden funcionar de manera incorrecta. Además, estos banners mostrarán el mismo contenido al mismo tiempo y frustrará a los usuarios.

3. Formatos mixtos de móvil y escritorio

Para el tráfico móvil, debes elegir formatos de anuncios móviles y asegurarte de que aparezcan como es debido. Por ejemplo, el banner de 728×90px es un leaderboard para computadoras de escritorio, mientras que el de 350×20px es una leaderboard para móviles.

Los banners de Adsterra no son responsivos, es decir, no cambian de tamaño según los dispositivos. Pero puedes configurar el CSS de tu sitio para que muestre u oculte los anuncios en función de los diferentes dispositivos.

Contenido ↑

4. Un grupo de banners ocupando el mismo espacio de la página

Intenta no colocar varios banners uno al lado del otro. Pueden distraer a los usuarios y, en vez de generar clics, obtendrás una alta tasa de rebote. Por el contrario, distribuye los formatos en el contenido de la página. Así, los anuncios se verán menos molestos y más atractivos.

Preguntas frecuentes sobre los banners web

¿Qué es un banner de publicidad?

La pregunta sobre qué son los banners fue respondida en el artículo pero hagamos un resumen…

Los banners son anuncios rectangulares que se muestran en la parte superior, lateral o inferior de un sitio web con la esperanza de atraer tráfico al sitio web de un anunciante, generar notoriedad y, en general, que la marca sea tenida en cuenta. Este tipo de publicidad visual en línea es una variedad de la publicidad gráfica o display.

Los editores que rechazan los banners, pierden la oportunidad de hacer un beneficio extra, especialmente durante las rebajas de temporada (Black Friday, Navidad). Los banners nunca pasan de moda y se pueden combinar con formatos publicitarios más avanzados.

Contenido ↑

¿Qué medidas tiene un banner publicitario?

  • Los banners de 728×90px (escritorio) y 320×50px (móvil) se llaman banners rectangulares o “leaderboards”. Alargados y estrechos, los editores suelen colocarlos encima del contenido principal de los sitios web. También, con frecuencia, son colocados en el pie de página.
  • El banner de 350×200 es uno de los más utilizados. Se ve bien tanto en la parte que los usuarios ven primero como en la barra lateral.
  • Rascacielos: Son de 160×300px y 160×600px. Atraen mucho la atención si se los coloca dentro de las barras laterales.
  • Los banners con proporciones de 468×60 aparecen habitualmente en la zona superior de la página, incluso dentro del contenido del encabezado.
  • Robapáginas. Se integra orgánicamente al diseño de la página, por eso no resulta molesto para el usuario. Por lo general, se ubica dentro del contenido de un artículo. Tamaño: Varía desde los 300x250px (horizontal) hasta los 300x600px (vertical).
Contenido ↑

Conclusión

Los banners publicitarios siguen siendo rentables, y pueden serlo aún más si los colocas junto a formatos más actuales, como los anuncios in-page push. Ten en cuenta que los usuarios tienden a sentirse molestos si llenas tu sitio web con demasiados anuncios. Si quieres captar a usuarios más avanzados, millennials y veinteañeros o monetizar el tráfico móvil, prueba Social Bar. Una simple línea de código contiene varias creatividades adaptadas a móviles que demostraron reunir miles de clics. 

No pierdas el tiempo, sácale partido a tu sitio. Regístrate en Adsterra y elige el formato de anuncio que más te convenga.

Related Posts

×