Els blocs d'anuncis d'AdSense s'actualitzen després de fer una sol·licitud d'anunci per indicar si s'han emplenat amb una creativitat d'anunci o si s'han deixat sense emplenar. Podeu comprovar quin percentatge dels vostres blocs d'anuncis estan sense emplenar revisant la cobertura mitjana als informes d'AdSense.
Després que un bloc d'anuncis ha acabat de sol·licitar un anunci, AdSense afegeix a l'element <ins>
un paràmetre anomenat data-ad-status
. Nota: no s'ha de confondre data-ad-status
amb el paràmetre data-adsbygoogle-status
, que el nostre codi d'anunci fa servir per processar els anuncis.
En funció de si s'ha tornat un anunci o no, aquest paràmetre s'actualitzarà a un d'aquests valors:
data-ad-status="filled" |
S'ha tornat un anunci al bloc d'anuncis i ara s'està mostrant. |
data-ad-status="unfilled" |
No s'ha tornat cap anunci i el bloc d'anuncis està buit. |
Què fa AdSense amb els blocs d'anuncis sense emplenar
Quan els blocs d'anuncis d'AdSense estan sense emplenar (estat "unfilled
"), intentem replegar-los o mostrar un espai en blanc. Només repleguem blocs d'anuncis quan no provoquen un reinici de reflux de la pàgina corresponent, és a dir, que només es replegaran els blocs que es trobin fora de la finestra gràfica. En el cas de la resta de blocs d'anuncis sense emplenar, en conservem la mida i, en lloc de replegar-los, mostrem un espai en blanc.
Com es poden amagar blocs d'anuncis sense emplenar
(opció avançada) Podeu decidir si voleu augmentar aquest comportament mitjançant CSS o JavaScript. Per exemple, si voleu amagar tots els blocs d'anuncis sense emplenar, podeu utilitzar CSS per aplicar un estil display: none !important;
a un element.
Exemple 1: amagar mitjançant CSS blocs d'anuncis sense emplenar
Podeu afegir l'estil CSS següent a la vostra pàgina perquè s'amaguin automàticament els blocs d'anuncis sense emplenar:
<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;
}
Exemple 2: mostrar una imatge només si el bloc d'anuncis està sense emplenar
Si en un bloc d'anuncis no es mostra cap anunci, podeu optar per mostrar un anunci intern:
<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 preferiu utilitzar JavaScript per actualitzar la vostra pàgina, podeu utilitzar MutationObserver per detectar canvis en el paràmetre data-ad-status
i executar codi JavaScript basat en aquests canvis.
Limitacions
El paràmetre data-ad-status
només s'afegeix als blocs d'anuncis que hi ha a la finestra superior. Això vol dir que el paràmetre data-ad-status
no s'afegirà en el cas dels blocs que es difonen mitjançant una finestra entre dominis.
Tampoc no recomanem carregar els blocs d'anuncis d'AdSense com a amagats inicialment amb l'objectiu de fer-los visibles en canviar el paràmetre data-ad-status
. Si els blocs d'anuncis no són visibles inicialment en una pàgina, és possible que no executem la sol·licitud d'anunci d'aquests blocs.