¿Es seguro aplicar display:none a los bloques de AdSense en dispositivos móviles?

epsilo99 · 1 May 2014

hola, viendo que mis bloques de adsense se salen de pantalla cuando un visitante navega desde un dispositivo movil los he envuelto con un div y con css les he dado display:none visibilty:hidden para cuando la pantalla es menor a 400px de ancho por ejemplo.

Usando también css oculto bloques cuando se está en escritorio y los muestro sólo cuando la pantalla es menor a 400 de modo que siempre tengo anuncios.

He visto aquí en el foro que mostraban este metodo para mostrar anuncios en temas responsitives, también he visto tutoriales de esto en otros blog, pero mi pregunta si está todo bien con adsense al hacer esto ya que en cierta forma estoy ocultando bloques...

Qué me dicen?

---------- Post agregado el 01-may-2014 hora: 20:56 ----------

Acabo de encontrar esto, donde dice que aplicar hidden no se puede:

https://support.google.com/adsense/answer/1354736?hl=es

Ahora como muestro anuncios de distinto tamaño según la resolución?
sin usar los bloques responsitives que muestran cualquier tamaño...

pedro salinas · 1 May 2014

Yo tambien ando buscando siquiera sitios webs con anuncios adaptables y no eh visto ninguno, pura teoria pero en la practica no logro ver aun 1 sitio con esos ads

epsilo99 · 1 May 2014

Creo que no queda otra que tirarse por estos códigos:

HTML:

<style type="text/css">
.adslot_1 { width: 320px; height: 50px; }  [MENTION=16931]medi[/MENTION]a (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }  [MENTION=16931]medi[/MENTION]a (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
    style="display:inline-block;"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

Ahora, por defecto se genera así, pero puedo modificalo para que aparezca un anuncio de 336x280 y en resolución menor a 500 uno de 250x250 ?

Y con los bloques de enlace como hago?

Gracias.

LucasMz · 1 May 2014

Así se puede realizar:

Insertar CODE, HTML o PHP:

<div id="adsense_a_eliminar">
        <script type="text/javascript">
            var ads = document.getElementById('adsense_a_eliminar');
            if (window.innerWidth <= 400) {
                ads.parentNode.removeChild(ads)
            };
        </script>
        {CODIGO ADSENSE}
</div>

Con este código podrás eliminar el bloque cuando la resolución es menor a 400px de ancho, de una forma totalmente legal y compatible con todos los navegadores.

:encouragement:

epsilo99 · 2 May 2014

LucasMz dijo:
Así se puede realizar:

Insertar CODE, HTML o PHP:

<div id="adsense_a_eliminar"> <script type="text/javascript"> var ads = document.getElementById('adsense_a_eliminar'); if (window.innerWidth <= 400) { ads.parentNode.removeChild(ads) }; </script> {CODIGO ADSENSE} </div>

Con este código podrás eliminar el bloque cuando la resolución es menor a 400px de ancho, de una forma totalmente legal y compatible con todos los navegadores.

:encouragement:

Gracias!
Este código me sería de gran ayuda!

Tienes la fuente donde adsens diga que se puede aplicar?

He rastreado pero no he encontrado nada.

Saludos.

LucasMz · 2 May 2014

epsilo99 dijo:
Gracias!
Este código me sería de gran ayuda!

Tienes la fuente donde adsens diga que se puede aplicar?

He rastreado pero no he encontrado nada.

Saludos.

No es necesario una fuente, te explico lo que hace el código y vas a ver a lo que me refiero:

1. Tenemos un bloque DIV con ID adsense_a_eliminar
2. Dentro de este bloque tenemos el código de adsense y ANTES del código de adsense tenemos un javascript vanilla
3. Este código javascript lo que hace es chequear la resolución y si es menor a X (en este caso 400px) procede a ELIMINAR el bloque adsense_a_eliminar ANTES de que el código de adsense se ejecute.
4. Y es legal porque: el código de adsense no se ejecuta, por lo tanto no genera impresiones falsas y además tampoco se lo está manipulando y cambiando.
5. Aún así, nuestro manager de cuenta que nos ha puesto Google nos ha aprobado este código :encouragement:

Espero haber despejado tus dudas.

Saludos!

Kobra17 · 2 May 2014

Es lógico. Lo que adsense no permite es la manipulación o modificación del código, y así no se modifica nada.

MorrisM · 2 May 2014

Hay maneras más fáciles y aprobadas por adsense.
Usando CSS responsivo.

Busca en el blog de adsense los anuncios adaptables y aplica el código.

LucasMz · 2 May 2014

epsilo99 dijo:
Ahora como muestro anuncios de distinto tamaño según la resolución?
sin usar los bloques responsitives que muestran cualquier tamaño...

MorrisM dijo:
Hay maneras más fáciles y aprobadas por adsense.
Usando CSS responsivo.

Busca en el blog de adsense los anuncios adaptables y aplica el código.

Cómo bien comentó [MENTION=18257]epsilo99[/MENTION] en el primer post, no quiere usar los bloques responsivos y quizás tenga fundamentos, a día de hoy no funcionan del todo bien, o quizás quiera usar un bloque de 300x250 que entra perfectamente en un movil (la resolución más chica de cualquier movil es 320px, no hay menor), con el código que le pase podrá hacerlo legalmente y sin complicaciones, no necesita frameworks ni nada por el estilo.

Y para simplificarlo más puede armar una función PHP para no tener que escribirlo siempre:

Insertar CODE, HTML o PHP:

<?
function mostrarAdSense($codigo, $id_bloque, $resolucion_minima = 400){
?>
     <div id="<?=$id_bloque?>">
        <script type="text/javascript">
            var ads = document.getElementById('<?=$id_bloque?>');
            if (window.innerWidth <= <?=$resolucion_minima?>) {
                ads.parentNode.removeChild(ads)
            };
        </script>
        <?=$codigo?>
     </div>
<?
}
?>

Donde:
$codigo = CODIGO ADSENSE
$id_bloque = Nombre del div (tiene que ser único y no se puede repetir en la misma página).
$resolucion_minima = la resolución mínima en la que se eliminará el bloque.

blogers · 16 Oct 2014

Que practico me ayudo he sin mas ni menos gracias

LucasMz dijo:
Así se puede realizar:

Insertar CODE, HTML o PHP:

<div id="adsense_a_eliminar"> <script type="text/javascript"> var ads = document.getElementById('adsense_a_eliminar'); if (window.innerWidth <= 400) { ads.parentNode.removeChild(ads) }; </script> {CODIGO ADSENSE} </div>

Con este código podrás eliminar el bloque cuando la resolución es menor a 400px de ancho, de una forma totalmente legal y compatible con todos los navegadores.

:encouragement: