AdSense Anuncios mal adaptados tapan el sidebar en dispositivos móviles

  • Autor Autor ramonjosegn
  • Fecha de inicio Fecha de inicio
ramonjosegn

ramonjosegn

Sigma
Verificación en dos pasos activada
¡Usuario popular!
Estaba muy feliz esta mañana cuando organicé mis anuncios de una manera sugerida por Google y en apariencia todo se veía bien.

Pero ahora ingresé de pura casualidad con el portátil y a pesar de que Google dice que detecta disposiivos móviles veo que en mi portátil (notebook) uno de los anuncios no se adapta en absoluto por lo que queda tapando el sidebar (precisamente un menú).

Me pregunto si debo cambiarlo, ya que el problema es de la mala programación de ellos, pero estoy incumpliendo las políticas (no sé si sólo en notebooks).

O no sé qué se os ocurra al respecto.

GRacias-
 
¿Qué sitio es?
 
Los anuncios de adsense responsives, se adaptan al tamaño que tiene el espacio asignado. Sin saber de que se trata es difícil saber que puede causar esto. Hay una probabilidad de 1 a 1M que sea error de ellos.
 
Facetina dijo:
¿Qué sitio es?
Hacer clic para expandir...

Mirutafacil (mi blog sobre transporte público)

- - - Actualizado - - -

Luisin dijo:
Los anuncios de adsense responsives, se adaptan al tamaño que tiene el espacio asignado. Sin saber de que se trata es difícil saber que puede causar esto. Hay una probabilidad de 1 a 1M que sea error de ellos.
Hacer clic para expandir...

Creo que en parte puede ser problema del theme, ya que el contenido no debería flotar sobre el sidebar... aunque ahora que me acuerdo asigné un div con ese tamaño ¿cómo lo dejo en auto?

Acabo de cambiar por anuncios responsive y el mismo problema, revisa acá

http://mirutafacil.com/2015/03/ojo-usuarios-de-alimentadores-cambios-portal-80/
 
No entiendo exactamente el problema, y no lo veo. Quizá con un screenshot ayude.
 
Luisin dijo:
No entiendo exactamente el problema, y no lo veo. Quizá con un screenshot ayude.
Hacer clic para expandir...

Acabo de cambiarlos para evitarme líos con adsense.

Ya te paso captura.

- - - Actualizado - - -

Ahí la captura y ya eliminé el ancho que tenía asignado (por problemas en otro theme anterior)

Clipboard02.webp
 
1-puedes editar el css del banner, asignando un tamaño personalizado para esa resolucion, digamos que si el ancho de la pantalla es 1000px, pero tu sidebar ocupa 300px y la pagina se visualiza al 100%, tendrias que definir el css del banner como:

Insertar CODE, HTML o PHP: 
@ media(min-width: 1000px) { .mibanner{ width: 700px; height: 90px; } }

Ovbiamente hablo de los banners responsive con el codigo adaptado para aceptar el css, ejemplo:

Insertar CODE, HTML o PHP: 
<style>@ media(min-width: 1000px) {  .mibanner{ width: 700px; height: 90px; } }
</style>
<!--  mibanner -->
<ins class="adsbygoogle mibanner"
     style="display:inline-block"
     data-ad-client="ca-pub-xxxxxx"
     data-ad-slot="xxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

La otra es que al div que contiene la publicidad, le añadas lo siguiente a su css:

Insertar CODE, HTML o PHP: 
overflow: hidden;

Saludos
 
Gracias por la sugerencia [MENTION=1955]pulga91[/MENTION]

La verdad es que ayer vi que esa combinación funciona bastante bien (pasé de 1-2 usd a 4 usd que no estuvo nada mal).

Pero me preocupa ese "desbordamiento". Lo más chistoso es que es una "muestra" que tiene Adsense en sus recomendaciones (pero no indicaban los tamaños)

No sé si de pronto exista algún plugin que detecte que se está mostrando en dispositivos móviles y cambie el tamaño (claro que un notebook no es precisamente un dispositivo móvil en toda su extensión).

Otra cosa que no entiendo es porque Adsense no se adapta, según ellos dicen cualquier anuncio se adaptará de forma automática (sin importar si es o no adaptable - parece que les falla la teoría).

Igualmente le comentaré al autor del theme sobre este problema.

Teniendo en cuenta las míseras ganancias desde dispositivos móviles de pronto opto por el overflow: hidden
 
Última edición:
ramonjosegn dijo:
Gracias por la sugerencia [MENTION=1955]pulga91[/MENTION]

La verdad es que ayer vi que esa combinación funciona bastante bien (pasé de 1-2 usd a 4 usd que no estuvo nada mal).

Pero me preocupa ese "desbordamiento". Lo más chistoso es que es una "muestra" que tiene Adsense en sus recomendaciones (pero no indicaban los tamaños)

No sé si de pronto exista algún plugin que detecte que se está mostrando en dispositivos móviles y cambie el tamaño (claro que un notebook no es precisamente un dispositivo móvil en toda su extensión).

Otra cosa que no entiendo es porque Adsense no se adapta, según ellos dicen cualquier anuncio se adaptará de forma automática (sin importar si es o no adaptable - parece que les falla la teoría).

Igualmente le comentaré al autor del theme sobre este problema.

Teniendo en cuenta las míseras ganancias desde dispositivos móviles de pronto opto por el overflow: hidden
Hacer clic para expandir...

Necesitarias cambiar el bloque por uno responsive con los tamaños definidos por css como te di el ejemplo anterior

Saludos 🙂
 
pulga91 dijo:
Necesitarias cambiar el bloque por uno responsive con los tamaños definidos por css como te di el ejemplo anterior

Saludos 🙂
Hacer clic para expandir...

Cambié el anuncio por la opción adaptable, no ha ido muy bien con las ganancias hoy (2 usd) pero también estuve fuera y no pude trabajar en el sitio web.

Igualmente aunque se ven bien en celulares/móviles... en el notebook sigue dando el mismo problema (ahora sí es evidente que es un problema de Adsense)
 
ramonjosegn dijo:
Cambié el anuncio por la opción adaptable, no ha ido muy bien con las ganancias hoy (2 usd) pero también estuve fuera y no pude trabajar en el sitio web.

Igualmente aunque se ven bien en celulares/móviles... en el notebook sigue dando el mismo problema (ahora sí es evidente que es un problema de Adsense)
Hacer clic para expandir...

haber te paso el mi css

div cenpub

Insertar CODE, HTML o PHP: 
.cenpub{text-align:center;margin-top:10px;overflow: hidden;}

css del banner

Insertar CODE, HTML o PHP: 
<style>
.recetaentrepost { width: 200px; height: 200px; }
@ media(min-width: 250px) { .recetaentrepost{ width: 250px; height: 250px; } }
@ media(min-width: 300px) { .recetaentrepost{ width: 300px; height: 250px; } }
@ media(min-width: 320px) { .recetaentrepost{ width: 320px; height: 100px; } }
@ media(min-width: 340px) { .recetaentrepost{ width: 336px; height: 280px; } }
@ media(min-width: 470px) { .recetaentrepost{ width: 468px; height: 60px; } }
@ media(min-width: 700px) { .recetaentrepost{ width: 700px; height: 90px; } }
@ media(min-width: 750px) { .recetaentrepost{ width: 468px; height: 60px; } }
@ media(min-width: 1000px) { .recetaentrepost{ width: 700px; height: 90px; } }
</style>

despues del @ no lleva espacio, si no le pongo espacio, el foro marca mencion :/
 
Hay que estar conectado o registrado para responder aquí.
Atrás
Arriba