AdSense-advertentieblokken worden geüpdatet nadat het advertentieverzoek is ingediend om aan te geven of het advertentieblok wel of niet gevuld is met advertentiemateriaal. U kunt checken welk percentage van uw advertentieblokken niet gevuld is door uw gemiddelde dekking te bekijken in AdSense-rapportage.
Nadat een advertentieblok een advertentie heeft aangevraagd, voegt AdSense de parameter data-ad-status aan het element <ins> toe. Opmerking: data-ad-status moet niet worden verward met data-adsbygoogle-status, die door onze advertentiecode wordt gebruikt voor advertentieverwerking.
Afhankelijk van of een advertentie is geretourneerd, wordt deze parameter geüpdatet naar een van de volgende waarden:
data-ad-status="filled" |
Er is een advertentie geretourneerd naar het advertentieblok en deze wordt nu weergegeven. |
data-ad-status="unfilled" |
Er zijn geen advertenties geretourneerd en het advertentieblok is leeg. |
Wat AdSense met niet-gevulde advertentieblokken doet
Als AdSense-advertentieblokken "unfilled" (niet gevuld) zijn, proberen we het advertentieblok samen te vouwen of een lege ruimte te tonen. We vouwen advertentieblokken alleen samen als de pagina hierdoor niet opnieuw wordt ingedeeld. Dit betekent dat alleen advertentieblokken buiten de viewport worden samengevouwen. Voor alle andere niet-gevulde advertentieblokken behouden we het advertentieblokformaat en tonen we in plaats daarvan een lege ruimte.
Uw niet-gevulde advertentieblokken verbergen
(geavanceerd) U kunt dit gedrag verbeteren met css of JavaScript. Als u bijvoorbeeld alle niet-gevulde advertentieblokken wilt verbergen, kunt u css gebruiken om een stijl
display: none !important; toe te passen op het element.
Voorbeeld 1: Niet-gevulde advertentieblokken verbergen met css
U kunt de volgende css-stijl aan uw pagina toevoegen om niet-gevulde advertentieblokken automatisch te verbergen:
<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;
}
Voorbeeld 2: Een afbeelding alleen tonen als het advertentieblok niet gevuld is
Als een advertentieblok geen advertentie laat zien, kunt u ervoor kiezen een eigen advertentie te tonen:
<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;
}
Als u liever JavaScript gebruikt om uw pagina te updaten, kunt u MutationObserver gebruiken om wijzigingen in de parameter data-ad-status waar te nemen en JavaScript-code uitvoeren op basis van die wijzigingen.
Beperkingen
De parameter data-ad-status wordt alleen toegevoegd aan advertentieblokken die in het bovenste venster staan. Dit betekent dat voor advertentieblokken die worden weergegeven via een cross-domein-venster, de parameter data-ad-status niet wordt toegevoegd aan een advertentieblok.
We raden u ook af AdSense-advertentieblokken in eerste instantie als verborgen te laden, met als doel ze zichtbaar te maken als de parameter data-ad-status verandert. Als advertentieblokken in eerste instantie niet zichtbaar zijn op de pagina, wordt het advertentieverzoek voor dat advertentieblok misschien niet uitgevoerd.