AdSense-annonseenheter oppdateres etter at annonseforespørselen er sendt, for å indikere hvorvidt annonseenheten ble tilordnet en annonse eller ikke. Du kan sjekke hvilken prosentandel av annonseenhetene dine som ikke tilordnes annonser, ved å gjennomgå den gjennomsnittlige dekningen din i AdSense-rapporteringen.
Etter at det er sendt en annonseforespørsel fra en annonseenhet, legger AdSense til en parameter med navnet data-ad-status i <ins>-elementet. Merk: Du må ikke blande data-ad-status med data-adsbygoogle-status, som brukes til behandlingsformål i annonsekoden vår.
Avhengig av om en annonse blir returnert eller ikke, blir denne parameteren oppdatert med en av statusene nedenfor:
data-ad-status="filled" |
Annonseenheten ble tilordnet en annonse, og annonsen vises nå. |
data-ad-status="unfilled" |
Det ble ikke returnert noen annonse, og annonseenheten er tom. |
Dette gjør AdSense med tomme annonseenheter
Når AdSense-annonseenheter er «unfilled» (de fylles altså ikke med annonser), prøver vi å skjule dem hvis det er mulig. Ellers vises det et tomt område. Vi skjuler annonseenheter bare hvis det ikke fører til at siden må tilpasses, så det er altså bare annonseenheter utenfor det synlige området som skjules. For alle andre annonseenheter som ikke blir tilordnet noen annonse, beholdes størrelsen på enheten, og vi viser i stedet et tomt område.
Sånn kan du skjule annonseenheter som ikke er tilordnet annonser
(avansert) Du kan velge å endre denne funksjonaliteten med CSS eller JavaScript. Hvis du for eksempel vil skjule alle annonseenheter som ikke fylles med annonser, kan du bruke CSS til å implementere en
display: none !important;-stil i elementet.
Første eksempel: Slik bruker du CSS til å skjule annonseenheter som ikke fylles med annonser
Du kan legge til denne CSS-stilen på siden for å skjule annonseenheter uten annonser automatisk:
<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;
}
Andre eksempel: Vis et bilde bare dersom annonseenheten er tom
Hvis det ikke vises noen annonse i en annonseenhet, kan du velge å vise en egenannonse i stedet:
<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;
}
Hvis du heller vil oppdatere siden med JavaScript, kan du bruke MutationObserver til å registrere endringer i data-ad-status-parameteren og kjøre JavaScript-kode basert på disse endringene.
Begrensninger
data-ad-status-parameteren blir bare lagt til i annonseenheter plassert øverst i vinduet. I annonseenheter som leveres via et vindu som omfatter flere domener, blir dermed ikke data-ad-status-parameteren lagt til.
Vi fraråder deg for øvrig å laste inn AdSense-annonseenheter som skjult til å begynne med, hvis du har som mål å gjøre dem synlige ved endringer i data-ad-status-parameteren. Hvis annonseenheter ikke vises umiddelbart, er det ikke sikkert at vi sender ut annonseforespørsler for dem.
