Ta funkcja jest niedostępna w przypadku reklam AMPHTML.
Często przydaje się wyświetlanie obrazu podczas wczytywania pozostałej części reklamy, zwłaszcza gdy jest ona duża.
1. Konfigurowanie obrazu wczytywania
Dodaj element div o identyfikatorze loading
do kodu HTML:
<body style="visibility: hidden;">
<div id="loading" class="loading-image">
Wczytuję...
</div>
<gwd-google-ad id="gwd-ad" polite-load="">
…
</gwd-google-ad>
</body>
2. Zatrzymywanie wyświetlania obrazu wczytywania
Obraz wczytywania można ukryć lub usunąć, dodając kod do funkcji handleAdInitialized
. Jest ona wywoływana po zainicjowaniu reklamy. Jeśli kontrola wczytywania jest włączona, ta metoda jest wywoływana po wysłaniu zdarzenia PAGE_LOADED
(Enabler).
Ukrywanie obrazu wczytywania
Podświetlony kod poniżej powoduje ukrycie obrazu wczytywania:
/**
* Obsługuje zdarzenie wysyłane po zainicjowaniu reklamy
* i przed wyświetleniem domyślnej strony reklamy.
*/
function handleAdInitialized(event) {
// Służy do oznaczania zakończenia etapu kontroli wczytywania reklamy. Jeśli
// obraz wczytywania wyświetlił się użytkownikowi, tutaj
// można go usunąć.
document.getElementById('loading').style.display = 'none';
}
Usuwanie obrazu wczytywania
Podświetlony kod poniżej powoduje usunięcie obrazu wczytywania:
/**
* Obsługuje zdarzenie wysyłane po zainicjowaniu reklamy
* i przed wyświetleniem domyślnej strony reklamy.
*/
function handleAdInitialized(event) {
// Służy do oznaczania zakończenia etapu kontroli wczytywania reklamy. Jeśli
// obraz wczytywania wyświetlił się użytkownikowi, tutaj
// można go usunąć.
document.body.removeChild(document.getElementById('loading'));
}