Publicidad en WordPress ¿Cómo Insertar y Mostrar Banners?

>>Publicidad en WordPress ¿Cómo Insertar y Mostrar Banners?
Publicidad en WordPress ¿Cómo Insertar y Mostrar Banners? 2017-10-04T17:55:44+00:00

En la actualidad la publicidad es parte esencial de la mayoría de las páginas web de Internet. En este tutorial te voy a mostrar cómo insertar y mostrar banners en diferentes partes de tu página web de WordPress. La mayoría de las páginas web que ofrecen banners te proporcionarán todo el código del banner, asi que todo lo que tienes que hacer es decidir dónde quiere colocar ese banner siguiendo las instrucciones de más abajo.

Índice

Esta página esta continuamente actualizándose. Vuelve de vez en cuando.

Cómo insertar y mostrar un banner en el sidebar

Es una práctica común el uso del sidebar (barra lateral) para insertar banners en WordPress. Hay dos maneras de hacer esto:

  1. Si tu plantilla es compatible con widgets en la barra lateral, puedes agregar un widget de texto con el código del banner
  2. Si tu plantilla no es compatible con widgets en la barra laterals, puedes agregar el código del banner directamente al archivo sidebar.php de tu plantilla.

Si tu plantilla es compatible con widgets, ve a Apariencia > Widgets. A continuación, arrastre un widget de texto al área del sidebar correspondiente. En mi caso sería “Sidebar Principal“. A los efectos de este tutorial, vamos a poner este widget justo debajo del campo de búsqueda. Por último, pega el código de banner en el widget, estableciendo un título para el widget (que es opcional, déjalo vacío si no quiere tener un título) y pulsa el botón Guardar (aunque wordpress te va guardando los cambios automáticamente).

como insertar banner sidebar wordpress

Este proceso colocará el banner que tu quieras en el sidebar o barra lateral de tu WordPress.

como insertar banner sidebar wordpress

Si tu plantilla no soporta widgets, vas a tener que añadir el código de banner directamente en el archivo sidebar.php. Puede editar este archivo en Apariencia > Editor.

Cómo insertar un banner en una entrada del blog o una página

Si lo que quieres es agregar un banner dentro del contenido de tus entradas o posts, o en las páginas estáticas, abre el modo de texto en el editor de WordPress y pega el código del banner.

como insertar banner entrada blog pagina wordpress

Esto agregará la imagen entre los dos párrafos. Puede utilizar el editor WYSIWYG de WordPress con el fin de colocar o alinear el banner y hacer que se vea mejor en el post o en la página.

como insertar banner entrada blog pagina wordpress

Cómo insertar un banner al principio o al final de una entrada del blog o una página

Para insertar banners en la parte superior o inferior de todos tus posts o páginas, es necesario agregar el código de banner en los archivos single.php o page.php de tu plantilla de WordPress. Ambos archivos tienen un contenido similar, pero que manejan diferentes partes de tu página web: tus posts (single.php) y tus páginas (page.php). Puede editar estos archivos accediendo al panel de administración de WordPress en Apariencia -> Editor.

Si desea insertarel banner en la parte superior de tus entradas o páginas, busca el siguiente código:

<?php while ( have_posts() ) : the_post(); ?>

Añade el código del banner justo después de esa línea de código. Esto insertará el banner encima del título de todos tus posts o páginas. Por supuesto, puedes añadir estilos CSS con el fin de hacer que se vea de acuerdo a sus necesidades.

como insertar banner entrada blog pagina wordpress

Cómo insertar un banner en el header o en el footer

Añadir banners en el header (encabezado) o en el footer (pie de página) depende una vez más de la plantilla que estés usando. Si tienes área para widgets añadidos en tu pie de página o encabezado, puede seguir las instrucciones de la primera parte de este tutorial para insertar los banners (igual que en el sidebar).

Por otro lado, si tu plantilla no tiene áreas de widgets añadidas en las zonas de pie de página/cabecera, es necesario añadir los banners manualmente. Para hacer esto dirígete al panel de administración de WordPress y ve a Apariencia -> Editor. A efectos de este tutorial, vamos a añadir un banner personalizado en el header o cabecera. Dado que vamos a agregar el banner en la cabecera de la página, selecciona header.php de la lista de archivos disponibles para editar. Ten en cuenta que el código a insertar en este archivo será diferente dependiendo de la platilla de WordPress que estés usando. Necesitarás conocimientos de HTML básicos con el fin de añadir el banner.

como insertar banner header footer wordpress

En primer lugar, encontrar la apertura de la etiqueta body. El valor por defecto de una plantilla de Wordpres debería tener este aspecto:

<body <?php body_class(); ?>>

A continuación añade el siguiente código:

<div><a href="Enlacedelbanner" target="_blank"><img src="URLdelaimagen" width="Ancho" height="Alto" /></a></div>

Es necesario sustituir Enlacedelbanner URLdelaimagen con los datos de tu banner. Por último, proporciona el ancho y alto reales de la imagen del banner.

Este código hará que tu banner se inserte en la parte superior de página web. Ten en cuenta que dependiendo de la plantilla que tengas instalada, es posible que tengas que mover el código con el fin de colocarlo donde quieras.

como insertar banner header wordpress

Ten en cuenta que hemos insertado el banner con un elemento div. Hemos hecho esto porque queremos estilizar el banner. Para ello, selecciona style.css de la columna de la derecha y agrega las siguientes líneas de código:

.headerbanner { display:block; margin: 10px auto; width: 480px}

Esto centrará el banner y añadirá un poco de margen superior dándole un mejor aspecto. Por supuesto, esto es sólo un ejemplo – se puede utilizar todo el potencial de CSS para estilizar el banner de la manera que quieras.

como insertar banner header wordpress

Añadir un banner en el footer o pie de página es básicamente el mismo con una pequeña diferencia: es necesario abrir el archivo footer.php en lugar del header.php. Entonces, todo lo que tienes que hacer es pegar el código en donde quieras mostrar el banner.

Cómo insertar un banner usando plugins

If you want to display more than one banner on a page, track the ads you show, and more advanced functionality, it is advisable to use one of the available WordPress plugins for banner management.

Since it depends on your particular site structure and needs, we suggest that you browse through the banner plugins in the WordPress Plugins Directory in order to find the extension that will best fit your needs. Once you do that, you can install it as any other WordPress plugin following the instructions in our tutorial on How to Install WordPress Plugins.

Si deseas mostrar más de un banner en una página, realizar un seguimiento de los anuncios que se muestran y funcionalidades más avanzadas, es aconsejable el uso de los plugins de WordPress disponible para la gestión de banners.

Ya que depende de la estructura de la página web en particular y tus necesidades, te sugiero que busques a través de los plugins de banner en el Directorio de Plugins de WordPress con el fin de encontrar el plugin que mejor se adapte a tus necesidades. Una vez hecho esto, se puede instalar el plugin, como cualquier otro plugin de WordPress.

Nota: Ahora mismo estoy utilizando el plugin WP PRO Advertising System para mostrar la publicad de mi página web

¡Ah! Que no se te olvide compartir este artículo… o añadir un comentario con alguna duda o pregunta…. solo si te ha gustado :)

Volver al Tutorial de WordPress
Volver al índice

Valora el contenido por favor

 

A otros usuarios les intereso…

" width="" height="" alt="" class="img-responsive" style="-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;"/>

Tutoriales gratis del Marketing Online

" width="" height="" alt="" class="img-responsive" style="-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;"/>

Descuentos para bloggers

[/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

30 Comentarios

  1. Elia 01/10/2017 en 05:20 - Responder

    Donde puedo encontrar imágenes para una pagina web, apenas la voy a construir

  2. Marc Oliveras 19/09/2017 en 19:44 - Responder

    Muchas gracias muy bien explicado, lo he hecho como decías pero no me parecen los anuncios solo un espacio en blanco supongo que tendré que esperar un tiempo a que aparezcan no?

    • Ignacio Santiago
      Ignacio Santiago 04/10/2017 en 12:35 - Responder

      Hola Marc,

      Gracias por tu comentario. Los anuncios tardan un poco en salir, no obstante debes revisar que has hecho todo bien porque a veces no salen si no sigues todos los pasos al detalle.

      Saludos.

  3. Dan 15/08/2017 en 18:34 - Responder

    Muchas gracias! Muy util tu aportacion

  4. salvador 03/08/2017 en 19:01 - Responder

    Hola, quiero hacer una página web en donde los usuarios puedan incribirse y publicar anuncios como segundamano.com y tambien poder agregar estos tipos de banner en la pagina, se puede hacer este tipo de páginas en wordpress y como se llaman?

    • Ignacio Santiago
      Ignacio Santiago 08/08/2017 en 12:35 - Responder

      Hola Salvador,

      Gracias por tu comentario. Tendrás que buscar un plugin que te permita que los usuario puedan subir su propio contenido en formato anuncio. Saludos!

  5. XAVIER 28/07/2017 en 14:37 - Responder

    Creo que es una pagina muy clara de entender, necesitamos paginas así.

  6. josefa 06/07/2017 en 03:11 - Responder

    Hola. Tengo una consulta, tengo un diseñador que construyo una pagina en WordPress con una barra con 6 secciones, quiero agregar publicidad de distinto tamaños y ubicaciones en el sitio y me dice que solo se puede agregar publicidad en la pagina del Home, en las secciones no es posible. Es cierto esto?

    • Ignacio Santiago
      Ignacio Santiago 10/07/2017 en 09:46 - Responder

      Hola Josefa,

      Gracias por tu comentario. No, o es cierto. Puedes colocar publicidad en las páginas que desees de tu web, tanto en la principal como en el resto. O al contrario si lo prefieres solo en algunas. También puedes colocar publicidad en el blog en las diferentes entradas. Saludos!

  7. Javier 13/03/2016 en 00:54 - Responder

    Hola,

    Muchas gracias me sirvió tu guía para colocar mi banner en mi WordPress.

    • Ignacio Santiago
      Ignacio Santiago 18/04/2016 en 13:23 - Responder

      Hola Javier,

      Me alegro que te haya ayudado. Muchas gracias por tu comentario, pero verte por aquí de vez en cuando.

  8. Constantino 12/03/2016 en 15:18 - Responder

    Hola,

    ¿En qué parte debo agregar exactamente el código para centrar el banner en la cabecera? Ya lo inserte, pero me sale a la izquierda y lo quiero centrado.

    • Ignacio Santiago
      Ignacio Santiago 18/04/2016 en 13:45 - Responder

      Hola,

      Gracia por tu comentario. Usa el código que te dejo debajo.

      Código html del banner

      Saludos

  9. Leslie 10/03/2016 en 22:37 - Responder

    Hola,

    Muchas gracias. La verdad es que lo necesitaba, ahora sólo falta ver que tal me irá, que nervios.

  10. Javier 26/01/2016 en 19:54 - Responder

    Hola,

    Buen post, pero tengo una duda: Quiero insertar un banner al principio de las entradas, pero que cambien dependiendo de la categoría. ¿Es posible?

    • Ignacio Santiago
      Ignacio Santiago 22/02/2016 en 01:17 - Responder

      Hola Javier,

      Por poderse se puede hacer lo que quieras. Otra cosa es que estés dispuesto a pagar para que te lo hagan o hacerlo tu mismo.

  11. Roni 01/12/2015 en 13:13 - Responder

    Hola,

    ¿Cómo puedo poner un banner si tengo la versión no descargable de wordpress? Es decir, mi blog es de wordpress.com , copio y pego el código del banner en el post pero aparece el enlace pero no la imagen

    • Ignacio Santiago
      Ignacio Santiago 16/01/2016 en 11:03 - Responder

      Hola,

      Entiendo que el banner lo quieres insertar dentro de un post ¿Verdad? Bastaría con añadir la imagen y poner un enlace.

  12. Manoletto 24/07/2015 en 20:27 - Responder

    Hola,

    No puedo encontrar single.php o page.php en mi tema de wordpress y no he podido insertar un banner publicitario.

  13. Jose 22/07/2015 en 20:07 - Responder

    Hola Ignacio,

    Añado justo el código de Adsense después de la línea en el fichero single.php. El theme que estoy usando es el de orbit. Después de ver tu post también estoy viendo la manera de hacer que los banner sean responsive. Hacerlo de tal manera, que para unas determinadas medidas se visualice para móviles o para pc.

    • Ignacio Santiago
      Ignacio Santiago 05/08/2015 en 13:31 - Responder

      Hola Jose,

      ¿Después de qué línea? Para hacer responsive los banner, estos también tienen que ser responsive o “adpatables”. Comprueba qué lo tienes bien configurado en Google Adsense.

  14. Jose 17/07/2015 en 13:18 - Responder

    Si realizo la inserción del código en el header si se visualiza en el blog. Sin embargo, si incluyo el código en single.php, no se ve la visualización del banner.

  15. Ramiro 13/05/2015 en 20:19 - Responder

    Muy buen artículo. Espero tener suerte ya que en los últimos tiempos Google ha complicado las cosas, sobre todo para los comenzamos desde cero. Muchísimas gracias, me sirvió bastante.

    Saludos

¡Es tu turno! Opina y deja tu comentario

[index]
[index]
[523.251,659.255,783.991]
[523.251,659.255,783.991]
[523.251,659.255,783.991]
[523.251,659.255,783.991]
Sígueme y te tendré bien informado