Anuncios mal adaptados tapan el sidebar en dispositivos móviles

ramonjosegn · 4 Mar 2015

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-

YKMedia · 4 Mar 2015

¿Qué sitio es?

Luisin · 4 Mar 2015

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.

ramonjosegn · 4 Mar 2015

Facetina dijo:
¿Qué sitio es?

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.

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/

Luisin · 4 Mar 2015

No entiendo exactamente el problema, y no lo veo. Quizá con un screenshot ayude.

ramonjosegn · 4 Mar 2015

Luisin dijo:
No entiendo exactamente el problema, y no lo veo. Quizá con un screenshot ayude.

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)

pulga91 · 5 Mar 2015

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

ramonjosegn · 5 Mar 2015

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

pulga91 · 5 Mar 2015

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

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

Saludos

ramonjosegn · 5 Mar 2015

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

Saludos

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)

pulga91 · 5 Mar 2015

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)

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 :/

Anuncios mal adaptados tapan el sidebar en dispositivos móviles

ramonjosegn Seguir Seguidores 14

ramonjosegn Seguir

Seguidores

14