Cette fonctionnalité n'est pas disponible pour les annonces AMPHTML.
Il est souvent utile d'afficher une image pendant que le reste de l'annonce se charge, notamment si cette dernière est plutôt volumineuse.
1. Configurer une image de chargement
Ajoutez un élément DIV avec l'ID loading
dans le code HTML :
<body style="visibility: hidden;">
<div id="loading" class="loading-image">
Chargement…
</div>
<gwd-google-ad id="gwd-ad" polite-load="">
…
</gwd-google-ad>
</body>
2. Ne plus afficher l'image de chargement
Vous pouvez masquer ou supprimer l'image de chargement en ajoutant du code à la fonction handleAdInitialized
qui est appelée une fois que l'annonce a été initialisée. Si un composant Polite Load est activé, cette méthode est appelée après l'envoi de l'événement PAGE_LOADED
(composant Enabler).
Masquer l'image de chargement
Le code mis en surbrillance ci-dessous permet de masquer l'image de chargement :
/**
* Gère l'événement qui est envoyé après que l'annonce a été
* initialisée et avant que la page par défaut de l'annonce soit affichée.
*/
function handleAdInitialized(event) {
// Ceci marque la fin de la phase de polite load de l'annonce. Si une
// image de chargement s'est affichée, vous pouvez
// la supprimer à cet endroit.
document.getElementById('loading').style.display = 'none';
}
Supprimer l'image de chargement
Le code mis en surbrillance ci-dessous permet de supprimer l'image de chargement :
/**
* Gère l'événement qui est envoyé après que l'annonce a été
* initialisée et avant que la page par défaut de l'annonce soit affichée.
*/
function handleAdInitialized(event) {
// Ceci marque la fin de la phase de polite load de l'annonce. Si une
// image de chargement s'est affichée, vous pouvez
// la supprimer à cet endroit.
document.body.removeChild(document.getElementById('loading'));
}