Cómo agregar anuncios de Google AdSense a WordPress (con y sin complemento)

Estás leyendo la publicación: Cómo agregar anuncios de Google AdSense a WordPress (con y sin complemento)

Para comenzar ganar dinero con google adsensedebe agregar los anuncios de AdSense a su sitio web.

Cuando se trata de sitios web o blogs de WordPress, hay dos formas recomendadas de hacerlo.

Primero, es mediante el uso del complemento oficial de Google AdSense y, segundo, haciendo algunos cambios simples en sus archivos de WordPress (mi forma preferida).

Veamos estos dos métodos con más detalle.

¿Cómo agregar anuncios de Google Adsense a mi sitio web de WordPress? (con un complemento)

El equipo de Google AdSense ha creado un complemento para los usuarios de WordPress, para que sea más fácil agregar AdSense a sus sitios web.

Actualización de marzo de 2017: Google tiene Anunciado que el complemento de AdSense va a desaparecer, por lo que es mejor ir directamente a la parte de agregar AdSense a su sitio web manualmente.

Puede descargar e instalar el complemento desde el repositorio de WordPress, aquí está el enlace.

Hay instrucciones detalladas sobre cómo configurar el complemento. aquí.

Nota: Si decide utilizar el complemento, asegúrese de eliminar todas las ubicaciones de anuncios de AdSense que haya agregado a su sitio web sin el complemento.

Aunque el complemento es fácil de usar, prefiero agregar anuncios de AdSense manualmente a mis sitios web, ya que tiene más control sobre dónde aparecerá el código y no tiene que preocuparse por realizar cambios en su tema o plantillas.

El complemento le permite agregar anuncios sin realizar cambios en el código, pero esto significa que si cambia el tema o el diseño de sus páginas, deberá configurar el complemento nuevamente (a menos que haya utilizado el colocación manual opciones).

🔥 Recomendado:  Oura Ring se toma en serio el fitness, ahora se sincroniza con Strava

En el caso de agregar el código manualmente (ver más abajo) a su tema, es cuestión de copiar/pegar el código de un tema al otro.

Agregue anuncios de AdSense editando sus archivos de WordPress (sin un complemento)

Mi forma preferida de agregar AdSense a WordPress es la forma manual. Implica realizar cambios en el código, pero una vez que lo hace para un sitio web, puede reutilizar fácilmente el código para otros sitios web.

En un blog típico de WordPress, puede colocar anuncios de AdSense en los siguientes lugares:

  • En la barra lateral (widget).
  • En la parte superior de la página (debajo del encabezado)
  • Entre las publicaciones de tu blog (por ejemplo, después del segundo párrafo)
  • Debajo de las publicaciones de tu blog

Cómo colocar anuncios de AdSense en un widget

En este caso, agregar anuncios de AdSense es cuestión de copiar y pegar el código proporcionado por AdSense en un ‘widget de texto’, en el área de widget correspondiente.

Los pasos a seguir:

  1. Inicie sesión en su cuenta de AdSense y haga clic en “Bloques de anuncios”, que se encuentra en el menú “Mis anuncios”.
  2. Haga clic en ‘+Nuevo bloque de anuncios’ y seleccione ‘Anuncios gráficos y de texto’.
  3. Escriba un nombre para su bloque de anuncios, seleccione ‘Sensible’ en el menú Tamaño de anuncio y haga clic en ‘Guardar y obtener código’.

obtener el código de adsense

Copie el proporcionado por Adsense.

crear nueva unidad de adsense

Pegue el código en y colóquelo en el área de widgets correspondiente.

agregar adsense al widget, wordpress

Ahora puede GUARDAR el widget y, en unos minutos, AdSense comenzará a mostrarse en su sitio web.

Puede seguir exactamente el mismo procedimiento, siempre que desee agregar Adsense a cualquier widget en WordPress.

🔥 Recomendado:  Cómo ocultar seguidores en Instagram en 2023

Nota: Puede envolver el código de Adsense en un

y establecer el ancho al 100% y agregar otras propiedades de estilo para que los anuncios se vean bien (vea el ejemplo anterior).

Este es un ejemplo de anuncios de Adsense en la barra lateral.

anuncios de adsense en el ejemplo de la barra lateral

¿Cómo agregar AdSense a WordPress sin un complemento?

IMPORTANTE: Los siguientes ejemplos se basan en la Marco de Génesis. Si NO está utilizando un tema secundario de génesis, debe cambiar el enlace especificado en la línea ADD_ACTION (primera parte del código) para que coincida con los enlaces disponibles en la instalación principal de WordPress. Ver el lista completa de acciones de WordPress.

IMPORTANTE 2: Si comete un error en su archivo, su sitio web de WordPress no se cargará, así que asegúrese de hacer una copia de seguridad de su archivo antes de editarlo.

Cómo agregar anuncios de AdSense en la parte superior de una página (debajo del encabezado)

Para agregar AdSense para que aparezca en la parte superior de sus publicaciones, deberá agregar el siguiente código a su archivo.

Utilice un cliente FTP y localice el archivo (la ubicación del archivo es: )

Edite el archivo y agregue el código a continuación.

add_action(‘genesis_before_content’, ‘header_ad’);
función header_ad() {
if (is_page() || is_category() || is_search() ) { ?>

Observe cómo cambié el código de AdSense para forzar que los anuncios aparezcan como 300 × 250 cuando se ven en dispositivos móviles (resolución inferior a 420px).

Nota: debe utilizar su propio código de AdSense para los anuncios proporcionado por AdSense.

Agregue AdSense después del segundo párrafo dentro de las publicaciones del blog

Supongamos que desea que los anuncios aparezcan después del segundo párrafo en todas las publicaciones de su blog. Puede lograr esto agregando el siguiente código a su archivo.

//AÑADIR ADSENSE DESPUÉS DEL 2º PÁRRAFO
add_filter('el_contenido', 'prefix_insert_inpost_ads');
función prefix_insert_inpost_ads ($ contenido) {
$código_anuncio ='



.adslot_1 { ancho: 650px; altura: 280px; }
@media (ancho máximo: 420 px) { .adslot_1 { ancho: 300 px; altura: 250px; } }




estilo = "pantalla: bloque en línea"
data-ad-client="ca-pub-XXXXXXXXXXXX"
espacio-de-anuncio-de-datos="XXXXXXXX"


';
if ( es_único() && ! es_admin() ) {
devuelve prefix_insert_after_paragraph ($ ad_code, 2, $ content);
}
devolver $contenido;
}
function prefix_insert_after_paragraph ($inserción, $paragraph_id, $contenido) {
$cierre_p = '

';
$párrafos = explotar( $cierre_p, $contenido );
foreach ($párrafos as $índice => $párrafo) {
if ( recortar ($ párrafo ) ) {
$párrafos[$index] .= $cierre_p;
}
if ( $paragraph_id == $índice + 1 ) {
$párrafos[$index] .= $inserción;
}
}
return implode('', $párrafos);
}

Cosas que debe saber sobre el código anterior:

  • Debe copiar/pegar el código proporcionado por AdSense en la variable y reemplazar el código que se muestra en atrevido.
  • Si desea que los anuncios aparezcan después del primer párrafo o en cualquier otra posición, cambie el número 2 por el valor deseado en la línea: return prefix_insert_after_paragraph ($ad_code, 2, $content);

Este es un ejemplo de un bloque de anuncios de AdSense de ancho completo que se muestra después del segundo párrafo.

Adsense entre publicaciones

Agregue anuncios de AdSense debajo de las publicaciones de WordPress

Para agregar AdSense debajo de sus publicaciones, simplemente necesita usar la misma lógica que la "Parte superior de las publicaciones", pero cambie el enlace para que los anuncios aparezcan debajo de las publicaciones.

Aquí está la plantilla de código a usar:

add_action('genesis_after_entry_content', 'google_bottom_ads');
función google_bottom_ads() {
si ( es_soltero() ) { ?>


.cs-posts-bottom-resp { ancho: 650px; altura: 280px; }
@media (ancho máximo: 420 px) { .cs-posts-bottom-resp { ancho: 300 px; altura: 250px; } }



estilo = "pantalla: bloque en línea"
data-ad-client="ca-pub-XXXXXXXXXXXX"
espacio publicitario de datos="XXXXXXXX">

agregar adsense debajo de las publicaciones

Conclusión

Si encuentra confuso el código anterior, elija la primera opción y use el complemento oficial de Google AdSense para agregar los anuncios a su blog de WordPress.

Es más fácil de usar y no requiere editar los archivos de su sitio web. Si se siente seguro al editar su archivo, puede usar las plantillas de código anteriores y tener más control sobre sus anuncios.

De cualquier manera, siempre se recomienda usar UNIDADES DE ANUNCIOS RESPONSIVOS para que sus anuncios se muestren correctamente en sus sitios web móviles y de escritorio.