
Ir al contenido Ir a la navegación Ir al buscador

English Directorio WAP para móvil, Tablet, iPhone o Smartphone Centro de Noticias de la Universidad de Oriente Categorías

Inicio | Contacto | Posts |

TIENDA PUBLISHOP | Sobre nosotros | Registro y Planes | Pagos | Donaciones

Ver Código QR de esta página

Campaña #AyudemosaYuli | Campaña #AyudemosaStephany. | ¿Interesado(a) en cursos y resolución de ejercicios de materias prácticas? Para más información, contáctenos por: Teléfono: +58 (412) - 8226575. WhatsApp y Telegram: +58 (426) - 6836955 o escriba al correo: [email protected]. Únete al grupo: SISTEMAS (UDOMO).

[»]

Musica para tu celular

Buscar en BolUDO

Agregar anuncios de AdSense en páginas normales y AMP de WordPress

lunes agosto 29, 2022

Como insertar y mostrar los bloques de publicidad de Google AdSense en cualquier área de las publicaciones de un blog, usando shortcodes, sin plugins.

Agregar anuncios de AdSense en páginas normales y AMP de WordPress

De forma nativa en WordPress no se puede agregar ningún tipo de publicidad en las publicaciones.
Es necesario recurrir a plugins externos creados por desarrolladores.
La desventaja es que todos ellos insertan los anuncios de forma predeterminada encima del contenido y al final, sin posibilidades de situarlos entre los párrafos, como sería lo ideal.
Empleo en este blog una alternativa que me permite situar los bloques de anuncios en cualquier lugar, además esta publicidad se muestra tanto en las páginas tradicionales, así como en la versión en formato AMP que posee cada una.
Para eso uso shortcodes que agrego en el lugar exacto donde se deben mostrar los anuncios.
Otra de las ventajas de este método es evitar la instalación de plugins adicionales, que pueden afectar la velocidad y el rendimiento.
En este artículo explico cómo hacerlo.

Insertar publicidad de AdSense con shortcodes en WordPress

Los shortcodes son etiquetas que se insertan en cualquier parte dentro del texto de la publicación y que refieren el lugar exacto donde WordPress debe insertar el resultado de una función.
Dicha función debemos declararla en el archivo “functions.php” de nuestro tema.
Estos shortcodes consisten en palabras o términos encerrados entre corchetes como el siguiente.
[shortcode-ejemplo]
En este caso cuando escribimos o agregamos el texto de nuestra entrada en el editor, situamos el shortcode necesario donde debe aparecer los anuncios.
Al cargarse la página en el navegador, la función que los inserta detecta previamente el tipo de página, si es en formato AMP escribe el código del anuncio compatible con este formato, sino lo escribe en el formato tradicional.

Código para generar los shortcodes para AdSense

El siguiente código se debe insertar dentro del archivo “functions.php”, que se encuentra en el interior del directorio del tema activo, en la ruta: wp-content -> themes.
La desventaja es que después de una actualización de WordPress, este archivo se rescribe con su configuración original y perdemos los cambios hechos.
Para evitarlo necesitamos crear un Child tema o tema descendiente, como explico en otro artículo.
No es nada difícil.
Después de hacer lo anterior, entonces introduce en el interior del archivo “functions.php” del tema Child, las siguientes instrucciones.
Si usas el plugin AMP for WordPress el código es el siguiente.

function adsense1_func( $atts ) {  
    if ( is_amp_endpoint() ) {
        return '<amp-ad width=300 height=250
    type="adsense"
    data-ad-client="ca-pub-XXXXXXX"
    data-ad-slot="8857602449">
</amp-ad><br><br>';
    } else {
        return '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXX"
     data-ad-slot="8210280102"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br>';
    }}
add_shortcode( 'adsense1', 'adsense1_func' );

Si en tu blog no se generan las páginas AMP, usa el siguiente código, más sencillo:

function adsense1_func( $atts ) { 
        return '<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
		<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXX"
     data-ad-slot="8210280102"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script><br>';	
	}
add_shortcode( 'adsense1', 'adsense1_func' );

Antes de hacer lo anterior necesitamos sustituir ciertos valores en el código por los nuestros.
Son los siguientes:

– data-ad-client. Su valor corresponde al código de nuestra identidad en AdSense.
– data-ad-slot. Su valor corresponde al tipo de bloque de anuncio, proporcionado por AdSense.

El primero de ellos usado en este ejemplo, es el bloque de 300 por 250 pixeles, que uso en las páginas AMP.
El segundo, que se inserta en las páginas normales, es el adaptable, cuyo ancho se adapta automáticamente al del navegador usado por los lectores.

Insertar los shortcodes para AdSense en las publicaciones

Después de agregar el código anterior, solo necesitamos crear una nueva entrada o editar una ya existente y agregar el siguiente shortcode donde deseamos que se muestre el bloque de publicidad.
[adsense1]
Aconsejamos en el editor usar la vista HTML, para que el texto no pierda su estilo y poder agregar el anuncio con más exactitud.
Como todos sabemos solo se pueden agregar un máximo de tres anuncios por página.
Después de actualizar o guardar los cambios, veremos inmediatamente que los anuncios se escriben correctamente.
Si usas el plugin de AMP for WordPress u otro similar, carga la versión en formato AMP de la página en la computadora y el celular, para comprobar la publicidad insertada.

Más información

Ganar dinero en un blog con anuncios y publicidad
Cuánto dinero puedo ganar con AdSense

Otras páginas relacionadas

✓ Como modificar y personalizar mi tema de WordPress
✓ Como usar y configurar WordPress sin plugins
✓ Como crear un sitemap.xml para WordPress sin plugins

— @bolUDOoficial

Categorías: #WordPress, #

[0] Atrás | Directorio

Inicio

Apps Infoudo ¡Descarga el icono directo en el menú de tu equipo!

[»] Las mejores Apps para tu celular

[»] Imágenes Gratis

Comenta o lee lo que otros opinan

COMPÁRTELO:

Indica que te gusta y comparte

Facebook

Twitter

También te puede interesar:

Errores de permisos al instalar WordPress
Cambiar con CSS el estilo del tema Twenty Seventeen de WordPress
Como usar y configurar WordPress sin plugins
Como crear y usar shortcodes en las publicaciones de WordPress
Agregar en WordPress scripts, código y elementos adicionales
Como modificar y personalizar mi tema de WordPress
Los plugins de WordPress que uso en mi blog
Como optimizar y afinar el funcionamiento de un blog en WordPress
Como deshabilitar los comentarios de WordPress
Como cargar los scripts del modo asíncrono en WordPress

Ver Todas Las Páginas Relacionadas

« Los servicios y recursos para sitios web más populares de internet | Como ganar dinero con mis videos en YouTube »

Buscador:

Síguenos por RSS

Puedes leerlos mediante el navegador Firefox, lectores de noticias en la computadora o el móvil o usando el servicio de Feedburner de Google para recibir las notificaciones por correo electrónico.