Avant de concevoir des créations rich media, nous vous recommandons vivement de consulter les spécifications des applications ou des sites sur lesquels vos annonces seront diffusées. Si vous devez concevoir des créations avant qu'un plan média final ou des spécifications de site ne soient disponibles, vous pouvez suivre ces bonnes pratiques. Ces recommandations sont basées sur les caractéristiques communes aux sites.
- Si vous utilisez Google Web Designer, ouvrez le panneau Outil de validation des annonces pour vérifier la taille du fichier et d'autres contrôles de validation lorsque vous créez une annonce.
- La checklist pour le contrôle qualité de base vous permet de vérifier facilement si votre création respecte les consignes courantes.
Consignes pour chaque création rich media
Suivez ces consignes pour chaque annonce rich media que vous créez.
Maintenir le premier chargement d'annonce en dessous de 200 Ko
Lorsque vous chargez l'annonce pour la première fois, essayez de ne pas dépasser 200 Ko. Si la taille totale du fichier compressé des composants d'une annonce dépasse 200 Ko, configurez le composant polite load. Les créations polite load attendent la fin du chargement de la page de l'éditeur avant de charger des fichiers plus volumineux.
La taille totale de l'annonce doit rester inférieure à 500 Ko
- Après le premier chargement polite load, vous pouvez charger jusqu'à 300 Ko supplémentaires, soit un total de 500 Ko.
- Pour réduire la taille du fichier HTML5, supprimez des éléments, des images et des vidéos inutilisés de votre création.
Incluez uniquement les éléments dont vous avez besoin
Pour réduire la taille du fichier et éviter des frais inutiles de diffusion d'annonces, n'incluez que les éléments dont vous avez besoin. Par exemple, n'incluez pas d'éléments vidéo dans les créations sans vidéo.
Limiter les animations ou la vidéo à 30 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. Ce serait gênant et agaçant. Ne laissez pas les animations ou les vidéos être lues en boucle indéfiniment. Arrêtez les animations après 30 secondes de lecture ou ajoutez un bouton "Cliquer pour continuer" afin de permettre à l'internaute de reprendre la lecture s'il le souhaite.
Lorsqu'un utilisateur clique sur un lien de sortie ou une incitation à l'action dans votre annonce :
- arrêter toutes les vidéos ;
- arrêter tous les sons ;
- accéder à l'image de fin de l'annonce ;
- replier l'annonce si elle est dépliée.
Consignes pour des formats spécifiques
Suivez ces consignes si votre annonce contient une vidéo, se développe ou est interstitielle.
Consignes pour les vidéos
Suivez ces consignes si votre annonce contient des vidéos.
Limiter la lecture automatique de la vidéo à 30 secondes
Si elle dure plus de 30 secondes, arrêtez la vidéo à 30 secondes. Ajoutez un bouton "Cliquer pour continuer" afin que l'utilisateur puisse lire la vidéo complète.
Limiter les éléments animés à 30 secondes au total
Si votre annonce comprend à la fois des animations et des vidéos, la durée totale de tous ces éléments ne doit pas dépasser 30 secondes. Par exemple, si l'annonce comprend une animation de 10 secondes suivie d'une vidéo en lecture automatique, cette vidéo doit s'arrêter au bout de 20 secondes.
Permettre à l'utilisateur de contrôler la lecture des contenus audio et vidéo
Après 30 secondes de lecture automatique, toute lecture de contenu vidéo et audio doit être lancée par l'utilisateur à l'aide des commandes vidéo (lecture/pause, arrêt, coupure/réactivation du son et nouvelle lecture).
- Ajoutez systématiquement des commandes vidéo (par exemple, lecture, pause, coupure du son et nouvelle lecture).
- Lorsque la lecture de la vidéo est terminée, affichez le bouton de nouvelle lecture, mais masquez les autres commandes.
Le son de la vidéo doit être coupé jusqu'à ce que l'utilisateur l'active.
- 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 "Revoir avec le son" ou "Réactiver le son".
- Les vidéos qui nécessitent un clic de l'utilisateur pour être visionnées peuvent être lues avec le son.
- (Créations extensibles uniquement) Si l'utilisateur doit cliquer ou appuyer sur une création pour qu'elle se déplie, la vidéo peut être lue automatiquement avec le son.
Consignes pour les annonces extensibles
Suivez ces consignes si votre annonce se déplie.
Tailles et directions d'expansion courantes
- Les annonces au format 300 × 250 se déplient vers la gauche ou la droite. Taille post-expansion courante : 500 × 250.
- Les créations au format 160 × 600 se déplient vers la gauche ou la droite. Taille post-expansion courante : 300 × 600.
- Les créations au format 120 × 600 se déplient vers la gauche ou la droite. Taille post-expansion courante : 300 × 600.
- Les annonces au format 728 x 90 se déplient vers le haut ou le bas. Taille post-expansion courante : 728 × 180.
Ajouter un bouton de fermeture
Les utilisateurs doivent pouvoir réduire une annonce agrandie. Il s'agit généralement d'un bouton de fermeture en haut à droite.
Ne pas superposer les boutons de fermeture et d'expansion
Si le bouton de fermeture chevauche le bouton d'expansion, l'annonce peut se déplier à nouveau lorsqu'un internaute clique sur le bouton de fermeture.
Limiter la taille de la zone où il faut cliquer pour développer
La zone cliquable qui déclenche l'expansion ne doit pas représenter plus de 25 à 33 % de la zone réduite de la création.
Faire correspondre les actions d'expansion et de repli
- Lorsqu'une annonce nécessite un clic pour se développer, elle devrait nécessiter un clic pour se replier.
- Lorsqu'une annonce nécessite un survol pour se développer, elle devrait nécessiter l'action inverse pour se replier.
Réduire automatiquement les créations expand après 15 secondes
- Si un internaute interagit avec l'annonce, elle peut rester ouverte, sinon elle doit se replier. Par exemple, lorsqu'une annonce se déplie automatiquement et que l'utilisateur clique sur le bouton "Jouer", elle peut rester développée.
- Les créations qui se déplient automatiquement ne doivent pas déclencher le timer d'expansion rich media, car elles n'ont pas été dépliées par une personne.
- Utilisez l'appel
startExpanded()
pour prédéplier votre création. Pour en savoir plus, consultez le guide de conception des créations expand.
Nettoyer les éléments extensibles
Pour éviter les problèmes d'interaction avec la page de l'éditeur, veillez à supprimer l'élément <div> utilisé pour la création dépliée lors de son repli.
Consignes pour les interstitiels
Suivez ces consignes si votre annonce est une annonce interstitielle.
Ajouter un bouton de fermeture
Les utilisateurs doivent pouvoir fermer une annonce interstitielle. Il s'agit généralement d'un bouton de fermeture en haut à droite.
Fermer les interstitiels après 15 secondes
Si un internaute interagit avec l'annonce, elle peut rester ouverte, sinon elle doit se fermer. Par exemple, lorsque l'utilisateur clique sur un bouton "Jouer" dans l'annonce, celle-ci peut rester dépliée.
Ne pas ajouter polite load aux interstitiels
Ils doivent être diffusés directement, sans quoi l'internaute risque de quitter la page avant qu'ils ne s'affichent. Or, les éditeurs cherchent justement à éviter de nuire au confort de leurs visiteurs.