Bu özellik, AMPHTML reklamları için kullanılamaz.
Reklamın geri kalanı yüklenirken, özellikle de reklam oldukça büyükse genellikle bir resim göstermek yararlı olabilir.
1. Yükleme resmi oluşturma
HTML'ye loading
kimliğine sahip bir div öğesi ekleyin:
<body style="visibility: hidden;">
<div id="loading" class="loading-image">
Yükleniyor...
</div>
<gwd-google-ad id="gwd-ad" polite-load="">
...
</gwd-google-ad>
</body>
2. Yükleme resmini göstermeyi durdurma
handleAdInitialized
işlevine kod ekleyerek yükleme resmini gizleyebilir veya kaldırabilirsiniz. Bu işlev, reklam ilk kullanıma hazırlandıktan sonra çağrılır. Yükleme bekleme etkinse bu yöntem, PAGE_LOADED
(Etkinleştirici) etkinliği gönderildikten sonra çağrılır.
Yükleme resmini gizleme
Aşağıda vurgulanan kod, yükleme resmini gizler:
/**
* Reklam başlatıldıktan sonra ve Reklam varsayılan sayfası
* gösterilmeden önce gönderilen etkinliği işler.
*/
function handleAdInitialized(event) {
// Bu, Reklamın yükleme bekleme aşamasının sonunu işaret eder. Kullanıcıya
// bir yükleme resmi gösterildiyse bunun kaldırılması için iyi
// bir yerdir.
document.getElementById('loading').style.display = 'none';
}
Yükleme resmini kaldırma
Aşağıda vurgulanan kod, yükleme resmini kaldırır:
/**
* Reklam başlatıldıktan sonra ve Reklam varsayılan sayfası
* gösterilmeden önce gönderilen etkinliği işler.
*/
function handleAdInitialized(event) {
// Bu, Reklamın yükleme bekleme aşamasının sonunu işaret eder. Kullanıcıya
// bir yükleme resmi gösterildiyse bunun kaldırılması için iyi
// bir yerdir.
document.body.removeChild(document.getElementById('loading'));
}