Cómo mostrar anuncios en línea en WordPress

Muchos usuarios de WordPress encuentran que los anuncios en línea son más rentables para sus sitios. Las plataformas publicitarias a menudo alientan a los editores a colocar anuncios más cerca del área de contenido para obtener más clics. Los anuncios en línea son un formato publicitario popular que se utiliza en millones de sitios web. En este tutorial, le mostraré cómo mostrar anuncios en línea en WordPress usando una variedad de métodos.


El primer método es el más fácil, donde puede insertar anuncios en sus publicaciones utilizando un complemento de WordPress. Los otros tres métodos requieren que edite sus plantillas de temas de WordPress, por lo tanto, tocan muchos temas similares. Por lo tanto, le recomiendo que lea todos los métodos para mostrar anuncios en línea para que comprenda cómo implementar las técnicas en su sitio web..

Cómo mostrar anuncios en línea en WordPress: no se requiere codificación

Muchos editores web quieren mostrar publicidad después de los primeros párrafos. Hacer esto modificando el código será complicado para la mayoría de los usuarios. Pero no te preocupes, tenemos el complemento perfecto para ti.

El uso de un buen complemento de administración de anuncios para WordPress es la forma más fácil y eficiente de mostrar anuncios en línea en sus publicaciones. Para usar este método, lo primero que debe hacer es instalar y activar el Insertar anuncios de publicación enchufar. Una vez activado, notará un elemento de menú Publicar anuncios en su menú de administración de WordPress.

Para configurar el complemento, debe ir a Publicar anuncios »Configuración. El complemento mostrará los tipos de publicación donde puede insertar anuncios en línea en las publicaciones. Por defecto, verá publicaciones y páginas. Haga clic en ambos si desea mostrar anuncios en sus publicaciones y en sus páginas. De lo contrario, solo marque la casilla junto a las publicaciones y guarde su configuración.

Insertar configuración de anuncios de publicación

El siguiente paso es crear anuncios en anuncios publicados. Ir Publicar anuncios »Agregar nuevo. Proporcione un título para su anuncio. Esto podría ser cualquier cosa que lo ayude a recordar qué tipo de código de anuncio es, p. Rectángulo mediano. Debajo de eso, debe pegar el código proporcionado por su plataforma de publicidad. Por último, debe elegir cuándo desea que aparezca el anuncio. El valor predeterminado es después del primer párrafo.

Agregar un nuevo código de anuncio

Eso es todo, su anuncio se mostrará automáticamente después del primer párrafo.

Sin embargo, si se siente más aventurero y quiere probar modificar temas, continúe leyendo. Pero antes de realizar cambios en su tema o tema hijo. Te instaría a crear un copia de seguridad completa de su sitio, o al menos haga una copia de seguridad de su tema de WordPress.

Cómo mostrar anuncios en línea en todas las publicaciones o páginas

Los anuncios en línea se pueden mostrar en todas sus publicaciones o páginas editando directamente sus plantillas de temas de WordPress. La plantilla que necesita editar depende de la página en la que desea colocar sus anuncios. Para este tutorial, supondré que desea mostrar anuncios en línea en publicaciones de blog y páginas; sin embargo, las técnicas detalladas a continuación funcionarán con cualquier plantilla que publique contenido.

Para colocar un anuncio en línea en la parte superior de su área de contenido, debe ubicar la función el contenido(). Esta función extrae el contenido de una publicación o página de WordPress. Siempre se encuentra dentro del bucle de WordPress.

Para las páginas, debe editar la plantilla page.php. En Twenty Thirteen, el código que rodea la función the_content () se ve así:

<?php the_content (); ?>
<?php wp_link_pages (array (‘before’ => ”. __ (‘Páginas:’, ‘vigésimo trece’). ”, ‘después’ => ”, ‘link_before’ => ”, ‘link_after’ => ”)); ?>

Las publicaciones de blog se controlan a través de la plantilla single.php. Muchos temas colocan el código de bucle completo de WordPress dentro de la plantilla single.php. En los últimos años, muchos desarrolladores de temas de WordPress han trasladado partes del bucle de WordPress a plantillas dedicadas. Esto es principalmente para acomodar formatos de publicación de una manera más ordenada.

Si la función the_content () no se coloca directamente dentro de la plantilla single.php, puede ver el código que la vincula en la plantilla single.php y determinar qué plantilla editar desde allí.

Como ejemplo, veamos cómo el tema predeterminado de WordPress Twenty Thirteen maneja las cosas. El código de bucle de WordPress dentro de la plantilla single.php se ve así:

<?php / * El bucle * / ?>
<?php while (have_posts ()): the_post (); ?>

<?php get_template_part (‘contenido’, get_post_format ()); ?>
<?php twentythirteen_post_nav (); ?>
<?php comments_template (); ?>

<?php mientras tanto; ?>

La llamada de plantilla para get_template_part () importa el contenido de las plantillas de contenido. Para publicaciones de blog normales, esa plantilla es content.php. Las plantillas como content-quote.php (quotes), content-image.php (images) y content-status.php (status) se utilizan para otros formatos de publicación.

En content.php, el código que rodea la función the_content () se ve así:

<?php the_content (__ (‘Continuar leyendo →’, ‘vigésimo trece’)); ?>
<?php wp_link_pages (array (‘before’ => ”. __ (‘Páginas:’, ‘vigésimo trece’). ”, ‘después’ => ”, ‘link_before’ => ”, ‘link_after’ => ”)); ?>

Para colocar su anuncio en la parte superior del área de contenido, debe agregar su código de anuncio sobre la función the_content (). A continuación, puede asegurarse de que su contenido se envuelve utilizando un flotante CSS para flotar su anuncio a la izquierda o derecha.

El siguiente código mostrará su anuncio en la parte superior derecha de sus artículos con un relleno de cinco píxeles en la parte inferior e izquierda del anuncio..

A continuación se muestra un ejemplo de cómo agregar el código de anuncio anterior a la función the_content () en la plantilla Twenty Thirteen page.php:

<?php the_content (); ?>
<?php wp_link_pages (array (‘before’ => ”. __ (‘Páginas:’, ‘vigésimo trece’). ”, ‘después’ => ”, ‘link_before’ => ”, ‘link_after’ => ”)); ?>

Esto produciría lo siguiente:

Anuncio flotante a la derecha

Sus anuncios pueden flotar en el lado izquierdo de su área de contenido cambiando el flotante CSS de derecha a izquierda. También debe cambiar el relleno para que el espacio se muestre en el lado derecho e inferior de su anuncio en lugar del lado izquierdo e inferior.

A continuación se muestra un ejemplo de agregar código de anuncio a la función the_content () en la plantilla Twenty Thirteen content.php. El código hará flotar los anuncios a la izquierda en las publicaciones de blog..

<?php the_content (__ (‘Continuar leyendo →’, ‘vigésimo trece’)); ?>
<?php wp_link_pages (array (‘before’ => ”. __ (‘Páginas:’, ‘vigésimo trece’). ”, ‘después’ => ”, ‘link_before’ => ”, ‘link_after’ => ”)); ?>

El resultado final se ve así:

Anuncio flotante a la izquierda

En los ejemplos anteriores, he diseñado nuestros anuncios directamente dentro de la propia división CSS. Alternativamente, puede crear una clase CSS y agregarla a su hoja de estilo CSS (que es el archivo de plantilla style.css).

Por ejemplo, podría crear una clase CSS titulada inlineads:

.inlineads {float: right; padding: 0 0 5px 5px;}

Luego, enlace a la clase dentro del código del anuncio:

El resultado final es el mismo, sin embargo, colocar el estilo en su hoja de estilo es una solución más práctica, ya que si cambia el estilo de sus anuncios (por ejemplo, agrega un borde o cambia el color de fondo), solo tiene que cambiar el código en el estilo. plantilla css. Esto le evita editar varias plantillas.

Como siempre, recuerde hacer una copia de seguridad de los cambios que realice en sus plantillas antes de actualizar sus temas a una nueva versión. De lo contrario, todos los cambios que haya realizado se perderán..

Cómo mostrar anuncios en línea en publicaciones o páginas seleccionadas usando etiquetas condicionales

Podemos extender aún más nuestro código de plantilla y usar Etiquetas condicionales de WordPress para mostrar solo anuncios en línea en publicaciones y páginas seleccionadas.

La función de etiqueta condicional para publicaciones de blog es is_single. Una publicación se puede pasar como un parámetro a la función utilizando el título de la publicación, la publicación o el ID de la publicación. La babosa de publicación, como recordarán, es la parte de enlace permanente de la URL. Mientras que la ID de la publicación se relaciona con el número de identificación de la publicación en su base de datos de WordPress. Las etiquetas condicionales usan valores de datos booleanos; por lo tanto, un valor tiene que ser verdadero o falso.

Consideremos una publicación basada en noticias titulada “Últimas noticias de blog para diciembre”. La URL de la publicación es www.yourwebsite.com/news-post-seven/ y el número de identificación es 7. Podemos especificar esta publicación usando la etiqueta de condición is_single de una de tres maneras:

  • is_single (“Últimas noticias de blog para diciembre”)
  • is_single (‘news-post-seven’)
  • is_single (‘7’)

También puede usar una matriz que pasará un resultado verdadero si se cumple alguna de las condiciones.

  • is_single (array (‘Últimas noticias de blog para diciembre’, ‘news-post-seven’, 7))

Las etiquetas condicionales siempre se usan con sentencias if. El siguiente código mostrará un anuncio en línea solo en la publicación del blog “Últimas noticias del blog de diciembre”. No se mostrará en ninguna otra publicación.

<?php if (is_single (‘news-post-seven’)) { ?>

<?php}?>

Es poco probable que desee mostrar un anuncio en línea en una sola publicación de blog en su sitio web. Por lo general, los propietarios de sitios web desean mostrar anuncios en la mayoría de sus publicaciones de blog. Las etiquetas condicionales se pueden usar para mostrar un anuncio en todas las publicaciones, excepto las que excluye específicamente. Esto se hace utilizando el operador NO lógico (!).

El siguiente código mostrará un anuncio en línea en todas las publicaciones del blog, excepto la publicación quince.

<?php if (! is_single (15)) { ?>

<?php}?>

La etiqueta condicional para las páginas es is_page. Funciona exactamente de la misma manera que is_single. El título de la página, el slug de la página y la ID de la página se pueden pasar como parámetros.

El operador NOT lógico también se puede usar con páginas. Supongamos que desea mostrar anuncios en línea en todas sus páginas de contenido, pero no en páginas informativas como su página acerca de. Todo lo que tiene que hacer es especificar cada página que desea excluir. Podemos hacer esto usando el operador lógico OR (||).

El siguiente código informa a WordPress que no queremos mostrar nuestro anuncio en ninguna de las páginas que se enumeran. En todas las demás páginas, se mostrará el anuncio en línea..

<?php if (! (is_page (‘Acerca de’) || is_page (‘Contacto’) || is_page (‘Política de privacidad’))) { ?>

<?php}?>

También podemos excluir páginas usando una matriz:

<?php if (! is_page (array (‘Acerca de’, ‘Contacto’, ‘Política de privacidad’))) { ?>

<?php}?>

Las declaraciones de Else y elseif también se pueden usar para mostrar ciertos anuncios en una parte de su sitio web y otros anuncios en otra. Por ejemplo, el siguiente código mostrará un tipo de anuncio en publicaciones de blog y otro tipo de anuncio en todas sus páginas..

<?php if (is_single ()) { ?>

<?php} elseif (is_page ()) { ?>

<?php}?>

Solo hemos tocado la superficie de lo que se puede lograr usando etiquetas condicionales en WordPress. Es posible crear declaraciones complejas utilizando etiquetas condicionales que muestran diferentes anuncios en todo su sitio web. El concepto es simple. Solo tiene que especificar dónde desea que se muestren los anuncios y dónde no desea que se muestren utilizando declaraciones if.

Cómo mostrar anuncios en línea en publicaciones o páginas seleccionadas usando campos personalizados

Campos Personalizados Permitir a los usuarios de WordPress asignar campos personalizados a publicaciones y páginas. Para ver el área de campo personalizado en sus publicaciones y en las pantallas del editor de página, debe abrir el cuadro de opciones de pantalla en la parte superior de su página y asegurarse de que la casilla de verificación “Campos personalizados” esté habilitada.

Opciones de pantalla

Los campos personalizados tienen dos partes: el nombre del campo personalizado y su valor correspondiente.

Cuadro de campo personalizado

La información se puede extraer de campos personalizados en plantillas de tema. Esto nos permite agregar campos personalizados a publicaciones y páginas individuales y extraer información específica de las plantillas de temas basadas en esos campos personalizados.

Para extraer datos de campos personalizados en WordPress, debe usar el get_post_meta función. La función tiene tres parámetros..

get_post_meta ($ post_id, $ key, $ single)

Se requiere el parámetro $ post_id mientras que los otros dos parámetros son opcionales.

  • $ post_id: el ID de la publicación de la que desea datos.
  • $ clave: el nombre de la cadena que se define en el cuadro de campo personalizado en su publicación o página.
  • $ single: un parámetro booleano que se puede establecer como verdadero o falso. Si se establece como verdadero, se devolverá la cadena que se ingresó como un valor en el cuadro de campo personalizado. Si se establece como falso, se devolverá una matriz de los campos personalizados.

Veamos un ejemplo de cómo podemos mostrar anuncios en línea dentro de publicaciones y páginas específicas. Para cualquier publicación o página que deseemos mostrar un anuncio, podemos definir el nombre como ad_size y luego definir un valor como 300 × 250.

Ejemplo de cuadro de campo personalizado

Si llamamos (get_post_meta ($ post->ID, $ key, true) en la publicación anterior (a través de una plantilla), la salida sería “300 × 250”. Esto es útil ya que podemos usar esta salida para controlar qué tipo de publicidad queremos mostrar en nuestro sitio web.

Por ejemplo, supongamos que queremos mostrar tres tamaños de anuncios en nuestras publicaciones de blog. Podemos controlar qué publicidad se muestra a través de una serie de declaraciones if y elseif.

Consulte el siguiente código para ver cómo se puede lograr esto. Recuerde que este código debe agregarse sobre la función the_content () en su plantilla de tema (por ejemplo, page.php, single.php, content.php, etc.).

<?php $ key ="ad_size";
if (get_post_meta ($ publicación->ID, $ clave, verdadero) == "300×250") { ?>

<?php} elseif (get_post_meta ($ post->ID, $ clave, verdadero) == "250×250") { ?>

<?php} elseif (get_post_meta ($ post->ID, $ clave, verdadero) == "200×200") { ?>

<?php} ?>

Lo primero que hacemos arriba es definir el parámetro $ key como “ad_size”. Esto garantiza que uno de nuestros tres anuncios solo se muestre si se ha ingresado el campo personalizado “tamaño_adicional” para una publicación o página. $ post->La ID se usa para extraer la ID de la publicación y $ single se establece en verdadero para que se genere una cadena. Si va a una de sus publicaciones o páginas e ingresa “ad_size” en el campo de nombre y “200 × 200” en el campo de valor; se mostrará el anuncio 200 × 200.

El uso de este método le permite controlar qué anuncios se muestran en su sitio web. Con etiquetas condicionales, controlamos qué páginas y publicaciones en un sitio web mostraban anuncios directamente a través de la plantilla de tema. Con campos personalizados, controlamos qué publicaciones y páginas muestran anuncios directamente a través de las páginas del editor de publicaciones y páginas. Un método no es mejor que el otro. Todo se reduce a cómo quieres configurarlo todo.

Espero que este artículo te haya ayudado a mostrar anuncios en línea en tus publicaciones y páginas de WordPress.

Si te gustó este artículo, únete a nosotros en Gorjeo y Google+.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map