Cómo ocultar un anuncio en versión móvil con CSS

kanikase dijo:

Hola, tengo una duda, tengo mi blog con diseño responsive, y en el diseño para computadora, estoy utilizando dos anuncios arriba del titulo de la entrada, por lo que si se ve desde un celular, se veran dos anuncios, separados solo por un salto de linea, lo que no esta pemitido porque ocuparia toda la pantalla, ahora mi duda, puedo usar css para ocultar uno de esos anuncios en la vista movil, ya lo probe y funciona, es esto:

HTML:

<style>@ media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
	#ocultar-adsense{
		display:none;
	}
}
</style>

Gracias

Hacer clic para expandir...

Técnicas que se deben evitar

A continuación, se indican algunas técnicas que debe evitar:

    ocultar bloques de anuncios en cualquier momento (por ejemplo, [B][COLOR="#FF0000"]display:none[/COLOR][/B]),
    implementar el código de anuncio de AdSense de forma que oculte el contenido,
    utilizar cualquier método para forzar la visualización de más de tres bloques de anuncios de AdSense en una página,
    manipular la orientación de los anuncios utilizando palabras clave ocultas, IFRAMES o cualquier otro método,
    distribuir anuncios en correos electrónicos o software,
    colocar anuncios flotantes o bloques que se deslicen para atraer la atención no deseada.

cicklow dijo:

funcionar funciona... pero...

Insertar CODE, HTML o PHP:

Técnicas que se deben evitar

A continuación, se indican algunas técnicas que debe evitar:

    ocultar bloques de anuncios en cualquier momento (por ejemplo, [B][COLOR="#FF0000"]display:none[/COLOR][/B]),
    implementar el código de anuncio de AdSense de forma que oculte el contenido,
    utilizar cualquier método para forzar la visualización de más de tres bloques de anuncios de AdSense en una página,
    manipular la orientación de los anuncios utilizando palabras clave ocultas, IFRAMES o cualquier otro método,
    distribuir anuncios en correos electrónicos o software,
    colocar anuncios flotantes o bloques que se deslicen para atraer la atención no deseada.

Pero al usar los responsives podes usar un banner chico, ejemplo 468 x 60 sino en este sitio tenes los banners recomendados para mobiles: https://support.google.com/adsense/answer/2953032?hl=es

Hacer clic para expandir...

kanikase dijo:

El problema no es que anuncio usar, el problema es como le hago para que en computadora aparezcan 2 anuncios 300x250 arriba del titulo, y en celular solo 1

Hacer clic para expandir...

require_once 'Mobile_Detect.php';
$detect = new Mobile_Detect;
 
// No es mobil
if ( !$detect->isMobile() ) {
 echo 'ACA ADSENSE PC';
}

// Es un mobil o tablet
if ( $detect->isMobile() ) {
 echo 'ACA ADSENSE MOBIL';
}