AdSense-annonsenheterna uppdateras efter att annonsbegäran har gjorts för att indikera om annonsenheten fylldes med ett annonsmaterial eller inte. Du kan kontrollera hur stor procentandel av dina annonsenheter som är ofyllda genom att granska din genomsnittliga täckning i AdSense-rapporterna.
När en annonsenhet har slutat begära en annons lägger AdSense till parametern data-ad-status i elementet <ins>. Obs! data-ad-status ska inte förväxlas med data-adsbygoogle-status, som används för annonsbearbetning.
Beroende på om en annons returnerades eller inte uppdateras denna parameter till något av följande:
data-ad-status="completed" |
En annons returnerades till annonsenheten och visas nu. |
data-ad-status="unfilled" |
Inga annonser returnerades och annonsenheten är tom. |
Detta gör AdSense med ofyllda annonsenheter
När AdSense-annonsenheterna är ofyllda (unfilled) försöker vi antingen minimera annonsenheten eller visa ett tomt utrymme. Vi minimerar annonsenheter endast när de inte orsakar en flödesomformning på sidan. Det betyder att endast annonsenheter utanför visningsområdet minimeras. För alla andra ofyllda annonsenheter behåller vi annonsenhetens storlek och visar i stället ett tomt utrymme.
Dölja ofyllda annonsenheter
(avancerat) Du kan välja att förstärka det här beteendet med hjälp av antingen CSS eller JavaScript. Om du till exempel vill dölja alla ofyllda annonsenheter kan du använda CSS för att tillämpa ett
display: none !important;-format på elementet.
Exempel 1: Dölja ofyllda annonsenheter med CSS
Du kan lägga till följande CSS-format på sidan för att automatiskt dölja ofyllda annonsenheter:
<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;
}
Exempel 2: Visa en bild endast om annonsenheten är ofylld
Om du inte visar någon annons kan du i stället välja att visa en egen annons:
<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;
}
Om du föredrar att uppdatera sidan med JavaScript kan du även använda MutationObserver för att upptäcka ändringar i parametern data-ad-status och köra JavaScript-kod baserat på ändringarna.
Begränsningar
Parametern data-ad-status läggs bara till i annonsenheter som finns i det översta fönstret. Det innebär att parametern data-ad-status inte läggs till i en annonsenhet som visas via ett fönster på flera domäner.
Vi rekommenderar inte att du läser in AdSense-annonsenheter som dolda från början i syfte att visa dem när parametern data-ad-status ändras. Om annonsenheterna inte visas från början på sidan kanske vi inte kör annonsbegäran för den annonsenheten.