Guide de création du composant Expanding HTML5

S'assurer que l'annonce s'affiche à l'écran (campagnes sur application mobile uniquement)

Lors de son premier affichage dans une application mobile, une annonce se charge hors écran et n'est pas visible. Si elle déclenche une animation ou diffuse une vidéo sans le son, il est préférable d'attendre que l'annonce s'affiche à l'écran pour lire celle-ci. Si votre annonce n'est pas diffusée dans des applications mobiles, vous pouvez ignorer cette étape.

Cette méthode ne s'applique que si l'annonce est diffusée dans une application mobile. Si l'annonce est diffusée dans un navigateur pour ordinateur de bureau ou pour mobile, l'événement VISIBLE est déclenché dès qu'elle s'affiche. Elle peut toutefois ne pas être visible.

Déterminer quand l'annonce est visible

  1. Patientez pendant l'initialisation du composant Enabler.
  2. Vérifiez si l'annonce est visible en utilisant la méthode isVisible du composant Enabler, qui renvoie une valeur "true" ou "false".
    1. Si vous obtenez "true", appelez une fonction qui lit l'animation ou la vidéo, (dans cet exemple, adVisible).
    2. Si vous obtenez "false", écoutez l'événement VISIBLE du composant Enabler.

Exemple de code JavaScript

<script>
if (!Enabler.isInitialized()) {
  Enabler.addEventListener(
    studio.events.StudioEvent.INIT,
    enablerInitialized);
} else {
   enablerInitialized();
}
function enablerInitialized() {
  // Composant Enabler initialisé.
  // Les annonces sont affichées hors écran dans les applications mobiles. 
  // L'animation doit donc attendre l'événement VISIBLE. 
  // Elles sont simulées avec des retards dans l'environnement local.
  if (!Enabler.isVisible()) {
    Enabler.addEventListener(
      studio.events.StudioEvent.VISIBLE,
      adVisible);
  } else {
     adVisible();
  }
}
function adVisible() {
  // L'annonce est désormais visible. Ajoutez le code pour démarrer l'annonce ou l'animation.
}
</script>

Ces informations vous-ont elles été utiles ?

Comment pouvons-nous l'améliorer ?

Vous avez encore besoin d'aide ?

Essayez les solutions ci-dessous :

Recherche
Effacer la recherche
Fermer le champ de recherche
Menu principal
6896125761180701207
true
Rechercher dans le centre d'aide
true
true
true
true
true
74220
false
false