Recherche
Effacer la recherche
Fermer la recherche
Applications Google
Menu principal

Guide de programmation pour l'API Rich Media

Bonnes pratiques du développeur

Avant de concevoir des créations rich media, il est vivement recommandé de recueillir les spécifications du site. Cependant, il arrive parfois que vous deviez concevoir des créations ou des maquettes avant que le plan média final ou les spécifications du site ne soient disponibles. En respectant les bonnes pratiques et les exigences relatives au plus petit dénominateur commun (PPDC), vous pouvez éviter les éventuels problèmes liés au site.

Ces règles ont été créées sur la base des exigences de la plupart des sites. Il est toutefois possible que le site Web qui diffuse une annonce possède ses propres spécifications et que celles-ci soient différentes des exigences présentées dans cet article.

La liste des points à vérifier pour le contrôle qualité de base vous permet de vérifier facilement si votre création respecte ces consignes.

Consignes relatives à toutes les créations
  • Taille maximale pour le chargement initial : 200 Ko
    Si la taille totale du fichier compressé de tous les éléments d'annonces dépasse 200 Ko :
    • Configurez le composant Polite Load de façon à attendre la fin du chargement de la page de l'éditeur avant de lancer le chargement de fichiers plus volumineux. Les chargements suivants sont limités à 300 Ko afin que le chargement total ne dépasse pas 500 Ko.
    • Supprimez les vidéos, images et éléments inutilisés de votre création.
  • Durée maximale de l'animation en lecture automatique : 15 secondes
    Les éditeurs ne font généralement pas de concessions sur ce point. Personne n'a envie de visiter un site où les annonces clignotent et se déplacent partout sur l'écran. Ce serait gênant et agaçant. Faites en sorte que votre animation ne soit pas lue en boucle.
  • Durée maximale totale de l'animation et de la vidéo en lecture automatique : 30 secondes
    Arrêtez les animations après 30 secondes de lecture ou insérez un bouton de type "cliquer pour continuer" permettant de poursuivre la lecture des vidéos.
  • Après un clic sur leur bouton de fermeture, toutes les créations doivent :
    • arrêter toutes les vidéos (si la création en comprend) ;
    • arrêter tous les sons (si la création inclut du son) ;
    • afficher la dernière image de l'annonce ;
    • replier la création si elle est dépliée (créations expand uniquement).
Consignes relatives aux créations vidéo
  • Durée maximale de la vidéo en lecture automatique : 30 secondes
    Si la durée de la vidéo dépasse 30 secondes, insérez un bouton de type "cliquer pour continuer", qui sera actif au bout de 30 secondes, et ajoutez un événement personnalisé.
  • Durée maximale totale de l'animation et de la vidéo en lecture automatique : 30 secondes
    Arrêtez les animations après 30 secondes de lecture ou insérez un bouton de type "cliquer pour continuer" permettant de poursuivre la lecture de la vidéo.
  • Vidéo automatique et vidéo déclenchée par l'hôte
    La création ne doit pas inclure plus de 30 secondes de vidéo non déclenchée par l'internaute ou non liée à une interaction de celui-ci. Si vous utilisez une animation et une vidéo, la durée totale ne doit pas être supérieure à 30 secondes.
  • Déclenchement audio et vidéo
    Toute lecture vidéo et audio doit être déclenchée par un clic (au bout de 15 secondes pour le son et de 30 secondes pour la vidéo) sur les commandes vidéo (lecture/pause, arrêt, coupure/réactivation du son et nouvelle lecture).
  • Pour garantir une expérience utilisateur optimale, procédez comme suit :
    • Ajoutez systématiquement des commandes vidéo (par exemple, lecture, pause, coupure du son et nouvelle lecture).
    • Lorsqu'une vidéo est terminée, il est recommandé de masquer les commandes vidéo, sauf le bouton de nouvelle lecture.
  • Insertion d'un bouton de nouvelle lecture à la fin de la vidéo pour la relancer avec le son
    Facultatif, bien que recommandé pour les créations vidéo rich media.
  • Le son des vidéos doit être activé par un clic
    • La plupart des sites interdisent la lecture automatique des vidéos avec le son.
    • Les créations vidéo en lecture automatique doivent être dotées d'une option de nouvelle lecture avec son/réactivation du son.
    • Les vidéos cliquables peuvent être lues avec le son. C'est l'action du clic qui lance également le son.
    • Les vidéos contenues dans les panneaux dépliés par un clic des créations de type "cliquer pour déplier" peuvent être lues automatiquement avec le son.
Consignes relatives aux créations expand
  • Taille et direction de l'expansion
    • Les créations au format 300 x 250 ne doivent pas dépasser 500 x 250 une fois dépliées vers la gauche ou la droite.
    • Les créations au format 728 x 90 ne doivent pas dépasser 728 x 180 une fois dépliées vers le haut ou le bas.
    • Les créations au format 160 x 600 ne doivent pas dépasser 300 x 600 une fois dépliées vers la gauche ou la droite.
    • Les créations au format 120 x 600 ne doivent pas dépasser 300 x 600 une fois dépliées vers la gauche ou la droite.
  • Bouton de fermeture requis dans le panneau d'expansion.
    Tous les types de créations expand doivent contenir un bouton de repli.
  • La taille de la zone d'interaction/zone cliquable déclenchant l'expansion ne doit pas dépasser 25 à 33 % de la zone repliée de la création.
  • Le bouton de fermeture ne doit pas se superposer à la zone d'interaction de l'expansion.
    Cela évite que l'internaute ne redéplie immédiatement la création après avoir cliqué sur le bouton de fermeture.
  • Les méthodes d'expansion et de repli doivent correspondre.
    Si une annonce est de type "cliquer pour déplier", l'internaute doit également pouvoir la replier via un clic. Si elle se déplie par survol, elle doit pouvoir être repliée lorsque l'internaute éloigne la souris.
  • Les créations pré-expand (qui se déplient automatiquement) doivent se replier automatiquement après 15 secondes.
    • Les consignes sont identiques à celles des animations de 15 secondes.
    • Si un internaute interagit avec l'annonce, celle-ci peut rester ouverte.
  • Si les créations pré-expand ne déclenchent pas le minuteur d'expansion Rich Media, procédez comme suit :
    • N'oubliez pas que le minuteur d'expansion Rich Media ne peut être appelé que pour une expansion déclenchée par l'interaction d'un internaute.
    • Utilisez l'appel startExpanded() pour prédéplier votre création. Pour en savoir plus, consultez le Guide de conception du composant Expanding.
  • La couche div d'une page Web doit se replier en même temps que la création.
Consignes relatives aux créations interstitielles
  • Les créations interstitielles doivent être dotées d'un bouton de fermeture.
  • Les créations interstitielles doivent se replier après 15 secondes.
    • Après 15 secondes, la création doit se fermer automatiquement.
    • Utilisez la méthode close() pour fermer la création.
  • Les créations interstitielles ne doivent jamais utiliser le composant Polite Load.
    Elles doivent être diffusées directement, sans quoi l'internaute risque de quitter la page avant qu'elles ne s'affichent. Or, les éditeurs cherchent justement à éviter de nuire au confort de leurs visiteurs.
Consignes relatives aux bannières Masthead
Les consignes YouTube sont très spécifiques, et il sera impossible de diffuser une annonce sur le site avant qu'elles ne soient toutes respectées. Consultez le Centre d'aide Display Specs pour vérifier que vos blocs remplissent l'ensemble des exigences avant de les envoyer au contrôle qualité.
Cet article vous a-t-il été utile ?
Comment pouvons-nous l'améliorer ?