Divi facilita la inserción de anuncios en las publicaciones de su blog. Integrado en la configuración del tema Divi, hay una sección que le permite colocar una imagen de anuncio/banner o código de AdSense «sin widgets» debajo del contenido de su publicación de blog. Pero, esto es algo limitante ya que solo le permite colocar el anuncio en un lugar, en la parte inferior de sus publicaciones.
Hoy, le mostraré cómo utilizar las funciones integradas de Divi para insertar un anuncio debajo, dentro y encima del contenido de su publicación de blog.
Esta flexibilidad le permite probar por sí mismo qué ubicación funciona mejor para su audiencia, lo que genera más conversiones.
Empecemos.
Suscríbete a nuestro canal de Youtube
Insertar su anuncio debajo del contenido de su publicación de blog
Primero, debe crear la imagen de su anuncio. Si eres diseñador gráfico, esto es bastante fácil de hacer usando un software de edición de fotos como Photoshop. Pero si está buscando una solución más fácil como la que busqué para este tutorial, puede usar un software de diseño gráfico gratuito como Canva . Canva incluye plantillas de anuncios gratuitas que puedes modificar fácilmente para adaptarlas a tus necesidades. Todo lo que necesita hacer es crear una cuenta gratuita. Luego encuentre la plantilla gráfica adecuada, modifíquela y descargue la imagen de su anuncio.
Las dimensiones de la imagen de su anuncio deben ser de alrededor de 468 px por 60 px. Mi imagen mide 728 px por 90 px porque quiero que se extienda a lo largo del contenido de mi publicación.
Una vez que tenga la imagen de su anuncio, cárguela en su biblioteca de medios.
A continuación, vaya a Divi → Configuración del tema en su panel de WordPress y haga clic en la pestaña Anuncios. La primera opción que ve es «Habilitar banner de publicación única de 468 × 60». Haga clic para habilitar esta característica.
Inserte la URL de la imagen de su anuncio junto a la opción que dice «Ingresar imagen de banner de anuncio de 468 × 60».
Luego inserte su URL de destino para el anuncio junto a la opción que dice «Ingrese la URL de destino del anuncio de 468 × 60».
Alternativamente, puede insertar el código de AdSense, pero para este tutorial, me quedo con una imagen de anuncio.
Guardar cambios
Ahora ve y echa un vistazo a una publicación de blog para ver tu anuncio. Observe que se ha insertado debajo del contenido de su publicación.
Eso es bastante fácil. Pero ahora voy a agregar la funcionalidad para insertar esa misma imagen de anuncio sobre el contenido de su publicación. Para hacer esto, deberá modificar los archivos del tema Divi a través de FTP .
Insertar su anuncio sobre el contenido de su publicación de blog
Antes de continuar, es una buena idea crear un tema secundario antes de comenzar a realizar cambios en los archivos del tema. Haga clic aquí para obtener información sobre cómo agregar un tema secundario .
Una vez que haya creado y activo un tema secundario en su sitio, acceda a los archivos de su tema secundario mediante un cliente FTP como FileZilla. Copie el archivo single.php de la carpeta de su tema Divi y péguelo en la carpeta de su tema secundario. Asegúrese de mantener el nombre del archivo exactamente igual (single.php) y copie todo el código que estaba en el archivo original.
Abra el archivo single.php y localice el siguiente código php:
Copie el código y colóquelo justo encima del siguiente código:
Aquí hay una captura de pantalla de la plantilla single.php que destaca el código que debe copiar y dónde colocarlo:
Guarde su archivo de plantilla y revise su publicación de blog ahora. La imagen de su anuncio debe mostrarse sobre el contenido de su publicación de blog (justo debajo del encabezado) y también debajo de su contenido.
Este método tomará automáticamente el anuncio que ingresó en la configuración del tema Divi y lo colocará encima y debajo de cada publicación que cree. Pero, si desea insertar su anuncio solo en una publicación específica, o si desea insertar su anuncio dentro del contenido de su publicación, use el Módulo de imagen a través de Divi Builder.
Insertar su anuncio dentro del contenido de su publicación de blog usando Divi Builder
Usando Divi Builder, busque la sección de la publicación donde desea insertar el anuncio. Inserte una columna de ancho completo, agregue un módulo de imagen y actualice la siguiente configuración general:
URL de la imagen: [ingrese la URL de la imagen]
URL del enlace: [ingrese la URL del enlace]
La URL se abre: en la nueva pestaña
Guardar la salida
Ahora tienes un anuncio dentro del contenido de tu publicación.
Pensamientos finales
Si estás leyendo esto, probablemente estés interesado en monetizar tu sitio web. Para obtener un desglose útil de cómo monetizar su blog con Adsense, consulte esta publicación . También puede saltar a esta lista de poderosos complementos publicitarios para WordPress.
Además, si está utilizando el tema adicional creado por Elegant Themes, puede crear anuncios utilizando el módulo de anuncios integrado. Si está interesado, aquí hay una descripción general del módulo de anuncios .
¡Eso es todo! Espero que esto ayude a que su proceso de administración de anuncios sea un poco más fácil.
Siéntase libre de publicar sus preguntas y aportes en los comentarios.