Selecciona AppLovin (Responsive HTML5) cuando necesites un único archivo HTML MRAID autónomo que se adapte a las ubicaciones móviles a pantalla completa.

Configuración

1. Crea en Figma un frame vertical 9:16 y un frame horizontal 16:9. Añade un frame cuadrado si el briefing de la campaña también pide un diseño 1:1.
2. Incluye esos frames en la línea de tiempo de Bannerify.
3. Haz clic en Export to HTML y selecciona AppLovin (Responsive HTML5).
4. Exporta y descomprime el archivo que descarga Bannerify.
5. Sube el archivo .html autónomo al flujo de trabajo de AppLovin que indique el cliente o el equipo de medios.

Bannerify espera al evento ready de MRAID de AppLovin antes de empezar, muestra el diseño incluido cuya relación de aspecto se acerque más al viewport del dispositivo y lo escala proporcionalmente para cubrir la ubicación. También incluye un indicador de carga, mantiene el vídeo silenciado, envía los clics a través de mraid.open() e incrusta directamente en el HTML las imágenes y los archivos de vídeo descargados. La creatividad final no necesita una carpeta images ni videos aparte.

Mantén visible en el diseño la CTA obligatoria y no añadas un botón de cierre, porque AppLovin ya proporciona uno para la ubicación.

Por qué se necesitan las dos orientaciones

El requisito 9:16 de AppLovin se aplica a los recursos de vídeo vertical y a las end cards de imagen. Los playables HTML tienen un requisito distinto: el único archivo HTML debe funcionar correctamente tanto en vertical como en horizontal.

Por eso Bannerify necesita un frame vertical 9:16 y un frame horizontal 16:9 para esta exportación. Los dos frames pueden usar los mismos textos, imágenes y concepto creativo; el frame horizontal solo tiene que adaptar el diseño a la orientación más ancha. Bannerify combina ambos frames en un único archivo HTML responsive. El frame cuadrado 1:1 es opcional.

Si un cliente solo pide un recurso 9:16, confirma si necesita un vídeo, una end card de imagen o un playable HTML. Un briefing solo en vertical puede ser válido para los dos primeros formatos, pero no basta para la exportación AppLovin (Responsive HTML5) de Bannerify.

Exportar varias versiones de la creatividad

Coloca cada conjunto vertical y horizontal dentro de su propia Section de Figma. Una Section también puede contener un frame cuadrado. Bannerify crea un archivo .html autónomo de AppLovin por cada Section.

Este formato de archivo único no admite por ahora capas de Lottie ni de YouTube, porque dependen de archivos de ejecución externos. Convierte antes esas capas en una secuencia de imágenes o en un vídeo corto silenciado. Bannerify también comprueba los límites de 2 MB comprimido y 50 MB sin comprimir que usa esta exportación.

Consulta las especificaciones de playables HTML de AppLovin para ver las normas actuales sobre archivo único, orientación, audio y clics.