Sélectionnez AppLovin (Responsive HTML5) lorsque vous avez besoin d’un seul fichier HTML MRAID autonome qui s’adapte aux emplacements mobiles plein écran.

Configuration

1. Créez dans Figma un frame portrait 9:16 et un frame paysage 16:9. Ajoutez un frame carré si le brief de campagne exige aussi une mise en page 1:1.
2. Incluez ces frames dans la timeline de Bannerify.
3. Cliquez sur Export to HTML et sélectionnez AppLovin (Responsive HTML5).
4. Exportez, puis décompressez le fichier téléchargé par Bannerify.
5. Importez le fichier .html autonome dans le workflow AppLovin indiqué par le client ou l’équipe média.

Bannerify attend l’événement MRAID ready d’AppLovin avant de démarrer, affiche la mise en page incluse dont le format est le plus proche de celui de l’écran de l’appareil, puis la met à l’échelle proportionnellement pour couvrir l’emplacement. Il ajoute aussi un indicateur de chargement, garde la vidéo en sourdine, fait passer les clics par mraid.open() et intègre directement dans le HTML les images et les fichiers vidéo téléchargés. La création finale n’a pas besoin de dossier images ou videos séparé.

Gardez le CTA requis visible dans le design, et n’ajoutez pas de bouton de fermeture : AppLovin en fournit un pour l’emplacement.

Pourquoi les deux orientations sont obligatoires

L’exigence 9:16 d’AppLovin s’applique aux vidéos portrait et aux end cards en image. Les playables HTML ont une exigence différente : le fichier HTML unique doit fonctionner correctement en portrait comme en paysage.

Bannerify exige donc un frame portrait 9:16 et un frame paysage 16:9 pour cet export. Les deux frames peuvent reprendre les mêmes textes, les mêmes images et le même concept créatif ; le frame paysage doit seulement adapter la mise en page à l’orientation plus large. Bannerify combine les deux frames en un seul fichier HTML responsive. Un frame carré 1:1 est facultatif.

Si un client ne demande qu’un visuel 9:16, vérifiez s’il a besoin d’une vidéo, d’une end card en image ou d’un playable HTML. Un brief uniquement en portrait peut convenir aux deux premiers formats, mais il ne suffit pas pour l’export AppLovin (Responsive HTML5) de Bannerify.

Exporter plusieurs versions d’une création

Placez chaque ensemble portrait et paysage dans sa propre Section Figma. Une Section peut aussi contenir un frame carré. Bannerify crée un fichier AppLovin .html autonome par Section.

Ce format en fichier unique ne prend pas en charge pour l’instant les calques Lottie ou YouTube, car ils dépendent de fichiers d’exécution externes. Convertissez d’abord ces calques en séquence d’images ou en petite vidéo sans le son. Bannerify vérifie aussi les limites de 2 MB compressé et de 50 MB décompressé utilisées par cet export.

Consultez les spécifications des playables HTML d’AppLovin pour connaître les règles actuelles sur le fichier unique, l’orientation, l’audio et les clics.