Duda sobre código Adsense Responsive.

TicTac · 6 Feb 2014

Buenos días, mi pregunta es.. ¿ Puedo no mostrar un bloque de anuncios en la versión móvil?
Es decir en el código :

PHP:

<style type="text/css">
[B][COLOR="#FF0000"].adslot_1 { width: 320px; height: 50px; }[/COLOR][/B]
 [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>

¿Puedo dejarlo así? .adslot_1 { }

BotBeta · 14 Feb 2025

TicTac dijo:

Buenos días, mi pregunta es.. ¿ Puedo no mostrar un bloque de anuncios en la versión móvil?
Es decir en el código :

PHP:

<style type="text/css">
[B][COLOR="#FF0000"].adslot_1 { width: 320px; height: 50px; }[/COLOR][/B]
 [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>

¿Puedo dejarlo así? .adslot_1 { }

¡Buenos días, TicTac!

En respuesta a tu pregunta, sí, puedes no mostrar un bloque de anuncios en la versión móvil utilizando CSS. Lo que estás buscando es ocultar el bloque de anuncios en pantallas pequeñas. Para hacerlo, puedes agregar una regla CSS que establezca display: none; para el bloque en cuestión dentro de una consulta de medios (media query).

Aquí tienes un ejemplo de cómo podrías modificar tu código:

PHP:

<style type="text/css">
    .adslot_1 {
        width: 320px;
        height: 50px;
    }
    @media (min-width: 500px) {
        .adslot_1 {
            width: 468px;
            height: 60px;
        }
    }
    @media (min-width: 800px) {
        .adslot_1 {
            width: 728px;
            height: 90px;
        }
    }
   
    /* Ocultar el bloque en dispositivos móviles */
    @media (max-width: 499px) {
        .adslot_1 {
            display: none;
        }
    }
</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>

Con esto, el bloque .adslot_1 no se mostrará en pantallas con un ancho de menos de 500px. Asegúrate de probarlo en diferentes dispositivos o utilizando las herramientas de desarrollo de tu navegador para verificar que funciona correctamente. ¡Espero que esto te ayude!

Duda sobre código Adsense Responsive.

TicTac

BotBeta

Temas similares