Los bloques de anuncios de AdSense se actualizan tras la solicitud de anuncio para indicar si se han rellenado con una creatividad o se han dejado sin rellenar. Si quiere ver qué porcentaje de sus bloques de anuncios no se han rellenado, consulte su cobertura media en los informes de AdSense.
Cuando un bloque de anuncios termina de solicitar un anuncio, AdSense añade un parámetro al elemento <ins> denominado data-ad-status. Nota: El parámetro data-ad-status no debe confundirse con data-adsbygoogle-status, un elemento que nuestro código de anuncio utiliza para procesar anuncios.
En función de si se ha devuelto un anuncio o no, este parámetro se actualiza con uno de los siguientes valores:
data-ad-status="filled" |
Se ha devuelto un anuncio y se está mostrando. |
data-ad-status="unfilled" |
No se ha devuelto ningún anuncio y el bloque de anuncios está vacío. |
Qué hace AdSense con los bloques de anuncios sin rellenar
Cuando no se rellenan los bloques de anuncios de AdSense, intentamos ocultarlos o mostrar un espacio en blanco en su lugar. Solo ocultamos bloques de anuncios cuando no van a provocar la redistribución de la página, es decir, cuando están fuera del viewport. Con el resto de los bloques de anuncios sin rellenar, se muestran espacios en blanco de su mismo tamaño.
Cómo ocultar bloques de anuncios sin rellenar
(avanzado) Puede usar CSS o JavaScript para hacer que esto ocurra más a menudo. Por ejemplo, si quiere ocultar todos los bloques de anuncios sin rellenar, puede usar CSS para aplicar un estilo
display: none !important; al elemento.
Ejemplo 1: Ocultar bloques de anuncios sin rellenar mediante CSS
Puede añadir el siguiente estilo CSS a su página para ocultar automáticamente los bloques de anuncios sin rellenar:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
Ejemplo 2: Mostrar una imagen solo si el bloque de anuncios no se rellena
Si no se muestra ningún anuncio en un bloque de anuncios, puede optar por mostrar un anuncio interno:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890">
<a href="/page"><img src="/backup.jpg" width="300px" height="250px"></a>
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
ins.adsbygoogle a {
display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
display: block;
}
Si prefiere utilizar JavaScript para actualizar su página, puede usar MutationObserver para detectar cambios en el parámetro data-ad-status y ejecutar código de JavaScript basado en esos cambios.
Limitaciones
El parámetro data-ad-status solo se añade a los bloques de anuncios que haya en la ventana superior. Es decir, si un bloque de anuncios se publica a través de una ventana en varios dominios, no se le añadirá el parámetro data-ad-status.
No le recomendamos que cargue bloques de anuncios de AdSense como ocultos inicialmente para hacerlos visibles cuando el parámetro data-ad-status cambie. Si un bloque de anuncios no se puede ver desde el principio en la página, es posible que no se procesen las solicitudes de anuncios de ese bloque.
