Crear Anchor Ads en GeneratePress

En esta publicación encontrarás la forma de crear anchors ads para escritorio, tablets y escritorio usando GeneratePress y GP Premium.

Recuerda que los anchor ads son algunas de las mejores unidades de Adsense ya que son sticky ads y tienen una alta visibilidad.

Esto se puede lograr con plugins tales como Ad Inserter Pro pero eso implica un gasto adicional.

Activar Elements in GeneratePress

Lo que debes hacer es tener GeneratePress y GP Premium y activar la sección llamada Elements

Una vez activada esa funcionalidad, puedes encontrar la sección “Elements” en la barra lateral de tu escritorio de Wordpress.

Con el primer paso listo, ahora debes crear o modificar dos o tres unidades de Adsense.

Crear Unidad Fija en Adsense

Ahora lo que debes hacer es crear dos unidades o tres unidades fijas en tu panel de Adsense o puedes crear una unidad fija de Adsense y hacer ligeras modificaciones al tamaño.

Yo uso una misma unidad para los dos elementos que he creado con GeneratePress y estos son mis códigos:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Escritorio -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-**************"
     data-ad-slot="************"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Si ya obtuviste este código en tu panel de Adsense, debes continuar este proceso en Elements de GeneratePress

Crear Elements en GeneratePress para Escritorio

Ahora ve a elements en GeneratePress y haz clic en el boton “Add New” o “Añadir Nuevo” y escoge “Hook” entre las opciones.

Escribe el título que quieras, puedes ser escritorio y pegas el siguiente código pero no olvides reemplazar el código presente por tu propio código de Adsense generado en el paso anterior.

<div class="hide-on-mobile hide-on-tablet">
<div class="grid-container custom-ad-container">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Escritorio -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-**************"
     data-ad-slot="************"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

Entiende que

  • La primera línea del código indica dónde se debe esconder el anuncio, en este caso, lo escondemos del en móviles y tablets.
  • La segunda line indica el nombre de la clase para personalizarla con un poco de CSS

Asi deben lucir las cosas por el momento:

Después de configurar los settings, ahora debes ir a display rules y escoger en qué partes de tu sitio deseas mostrar el anuncio, si deseas incluir alguna pagina o usuarios.

Eso no te lo voy a dictar, escoge las opciones que quieras.

Una vez realizado este paso, haz clic en publicar y el elemento está listo.

CSS para Elemento

Ahora debes ir a Apariencia y luego a personalizar y luego a CSS adicional y agregar este código:

/*2*/

.custom-ad-container {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: fit-content;
    height: fit-content;
}

.custom-ad-container ins.adsbygoogle {
    display: block !important;
}

Y con esto ya tienes un anchor ad para quienes visitan tu sitio desde una computadora de escritorio.

Aclaraciones sobre la Creación de Anchor Ads

Debes tomar en cuenta:

  1. Estos pasos funcionan únicamente en el escritorio de WordPress.
  2. Debes repetir los pasos para móviles y tablets.
  3. Móviles y Tablets pueden integrarse en un mismo elemento.
  4. Puedes modificar la misma unidad que usaste para escritorio, las medidas son 300×50
  5. En el elemento, en vez de (hide-on-mobile hide-on-tablet), usa (hide-on-desktop) en la primera línea
  6. En el elemento en vez de (custom-ad-container), usa (mobile-ad-container) en la segunda línea
  7. En el código CSS, en vez de (.custom-ad-container), usa (.mobile-ad-container)
  8. Espero que no te pierdas con estas modificaciones.

Suerte con la monetización de tu sitio

Publicaciones sobre Monetización

Estas son algunas publicaciones sobre monetización

  1. Leap: Sitios Rápidos con Ezoic
  2. Usar Ad Inserter con Ezoic
  3. El Site Speed Accelerator de Ezoic
  4. Reseña sobre PublicWWW
  5. Ganar Dinero con Adsense en el 2021
  6. Reseña de WPQuads: Plugin de Anuncios
  7. ¿Qué Pasas con tu Sitio de WordPress Cuando Mueres?

Sobre Jose manuel

Soy José Manuel, empecé un blog en el 2011 como un pasatiempo y para hacerlo en mis clases y poco a poco, me enamoré de WordPress. Espero que algo de todo lo que he escrito te sirva de ayuda.

RevistaWP

RevistaWP es un sitio donde registro mis pensamientos y descubrimientos sobre todo lo que sucede dentro del mundo WordPress

Contacto

Puedes contactarme por medio de los siguientes canales