Deze functie is niet beschikbaar voor AMPHTML-advertenties.
Het is vaak handig een afbeelding weer te geven terwijl de rest van de advertentie wordt geladen, vooral als de advertentie redelijk groot is.
1. Een laadafbeelding instellen
Voeg een div-element met de ID loading
toe aan de HTML:
<body style="visibility: hidden;">
<div id="loading" class="loading-image">
Loading...
</div>
<gwd-google-ad id="gwd-ad" polite-load="">
...
</gwd-google-ad>
</body>
2. De laadafbeelding niet meer weergeven
U kunt de laadafbeelding verbergen of verwijderen door code aan de functie handleAdInitialized
toe te voegen. Deze functie wordt aangeroepen nadat de advertentie is geïnitialiseerd. Als polite load is ingeschakeld, wordt deze methode aangeroepen nadat de gebeurtenis PAGE_LOADED
(Enabler) is verzonden.
De laadafbeelding verbergen
De laadafbeelding wordt verborgen door de gemarkeerde code hieronder:
/**
* Handles the event that is dispatched after the Ad has been
* initialized and before the default page of the Ad is shown.
*/
function handleAdInitialized(event) {
// This marks the end of the polite load phase of the Ad. If a
// loading image was shown to the user, this is a good place to
// remove it.
document.getElementById('loading').style.display = 'none';
}
De laadafbeelding verwijderen
De laadafbeelding wordt verwijderd door de gemarkeerde code hieronder:
/**
* Handles the event that is dispatched after the Ad has been
* initialized and before the default page of the Ad is shown.
*/
function handleAdInitialized(event) {
// This marks the end of the polite load phase of the Ad. If a
// loading image was shown to the user, this is a good place to
// remove it.
document.body.removeChild(document.getElementById('loading'));
}