Modificar el Código de Anuncio Adaptable de Adsense

Actualizado en

Yo usualmente uso unidades de tamaño fijo en Adsense, algunas de esas unidades fijas que me han traído buenos resultados son

  • 300×250,
  • 300×600
  • 320×50
  • 728×90.

Todas esas unidades las he insertado con la ayuda de AdInserter o AdInserter Pro

El otro dia estaba pensando en las unidades responsivas y si estas podrían mejorar los ingresos de mis sitios.

Mientras investigaba sobre este tema, encontré que es posible modificar el código de las unidades adaptables de Adsense

Hubiera deseado saber antes cómo modificar el código de las unidades adaptables de Adsense, pero es mejor tarde que nunca.

¿Por qué Modificar el Código de las Unidades?

Yo no creo que debas modificar el código de cada una de las unidades responsivas de Adsense, pero las modificaciones que están permitidas pueden ser de gran utilidad en dos casos puntuales:

  • Puedes agregar unidades de Adsense en la barra lateral del escritorio y que estas unidades no se muestren en la parte inferior de los dispositivos móviles y tablets donde perderán visibilidad
  • Puedes mostrar unidades de Adsense de diferentes tamaños para diferentes tamaños de pantallas (viewport size)

¿Y esto de que me sirve?

Lo primero que las unidades que tienen una buena visibilidad son las mejores unidades, por lo tanto, las que te generarán más y mejores ingresos.

Lo segundo es que no puedes tratar a todos los dispositivos por igual, debes probar que unidades de adsense trabajan mejor en dispositivos móviles y cuales trabajan mejor en escritorios.

Es cierto que AdInserter puede insertar unidades en todo tipo de dispositivos, pero este plugin agregará en algunas casos decenas de líneas de código a tu código fuente.

Tambien, puede ser que tengas problemas de caching y que las unidades de adsense se muestren en los dispositivos equivocados

Es mejor que Adsense lo haga todo y evitar inconvenientes.

Ejemplos de Códigos Adaptables

Para hacer esto, puedes usar los ejemplos de código brindados por Adsense y modificar los datos relevante como tamaño e identificación de la unidad

Estos son los códigos responsivos de Adsense modificados que más he usado:

Código Adaptable Modificado #1

Este primer código lo he usado para crear anchor ads para todos celulares, tablets y escritorios con AdInserter o con los elementos de GeneratePress

<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
    style="display:block;"
    data-ad-client="ca-pub-XXXXXXX11XXX9"
    data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX9" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Código Adaptable Modificado #2

Este código lo he usado en las barras laterales y mostrar anuncios únicamente en computadoras

<style type="text/css">
.adslot_2 { display:block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_2 { display: none; } }
@media (min-width:500px) { .adslot_2 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_2 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_2"
   data-ad-client="ca-pub-XXXXXXX11XXX9"
   data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX9" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Tips

Lo que necesitas entender para jugar con estos códigos son conocimientos básicos de CSS y saber el ancho de los dispositivos con lo que deseas trabajar.

A Google no le puedes decir “muestra esto en todos los dispositivos de escritorio”,

Tienes que jugar con el tamaño del viewport y con minimos y maximos de anchura y altura.

El sitio que me ayudado a entender este tema del tamaño de los dispositivos es: ViewPort Sizer.

Viewport Sizer indica el tamaño de la pestaña con la que estoy trabajando, mientras en otra pestaña veo cómo lucen los anuncios de Adsense en el sitio.

Puedes leer más sobre estas mdificaciones en el blog oficial de Adsense

Más sobre Monetización de Sitios de WordPress

Espero que este contenido te ahorré algo de problemas a la hora de colocar anuncios en tu sitio de WordPress.

Estas son algunas publicaciones que te pueden interesar:

  1. Mejores Tamaños de Anuncios de Adsense
  2. Adsense: Escritorio y Dispositivos Móviles
  3. Crear Anchor Ads en GeneratePress
  4. Mejorar la Visibilidad de los Anuncios
  5. Reseña sobre Ad Inserter Pro
  6. Mi Stack de WordPress: Temas, Servicios y Plugins
  7. ¿Dónde Comprar un Nombre de Dominio Barato?

Si tienes preguntas, puedes escribirme por medio de Pagína de Facebook

Sobre Jose manuel

Soy José Manuel, empecé un blog en el 2011 como un pasatiempo y para usarlo 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