Selecione AppLovin (Responsive HTML5) quando você precisar de um único arquivo HTML MRAID autocontido que se adapte a posicionamentos em tela cheia no celular.

Configuração

1. Crie no Figma um frame de retrato 9:16 e um frame de paisagem 16:9. Adicione um frame quadrado se o briefing da campanha também exigir um layout 1:1.
2. Inclua esses frames na linha do tempo do Bannerify.
3. Clique em Export to HTML e selecione AppLovin (Responsive HTML5).
4. Exporte e descompacte o arquivo baixado do Bannerify.
5. Faça upload do arquivo .html autocontido no fluxo de trabalho da AppLovin indicado pelo cliente ou pela equipe de mídia.

O Bannerify espera o evento ready do MRAID da AppLovin antes de começar, exibe o layout incluído cuja proporção é mais próxima da área de visualização do dispositivo e o escala proporcionalmente para cobrir o posicionamento. Ele também inclui um indicador de carregamento, mantém o vídeo sem som, encaminha os cliques por mraid.open() e incorpora as imagens e os arquivos de vídeo baixados diretamente no HTML. O criativo finalizado não precisa de pastas images ou videos separadas.

Mantenha o CTA obrigatório visível no design e não adicione um botão de fechar, porque a AppLovin fornece um no posicionamento.

Por que as duas orientações são obrigatórias

O requisito 9:16 da AppLovin se aplica a vídeos em retrato e a end cards de imagem. Os HTML playables têm outro requisito: o único arquivo HTML precisa funcionar corretamente nas orientações retrato e paisagem.

Por isso, o Bannerify exige um frame de retrato 9:16 e um frame de paisagem 16:9 para essa exportação. Os dois frames podem usar os mesmos textos, imagens e conceito criativo; o frame de paisagem só precisa adaptar o layout para a orientação mais larga. O Bannerify combina os dois frames em um único arquivo HTML responsivo. Um frame quadrado 1:1 é opcional.

Se um cliente pedir apenas um recurso 9:16, confirme se ele precisa de um vídeo, de um end card de imagem ou de um HTML playable. Um briefing só em retrato pode servir para os dois primeiros formatos, mas não é suficiente para a exportação AppLovin (Responsive HTML5) do Bannerify.

Exportar várias versões do criativo

Coloque cada conjunto de retrato e paisagem na própria seção do Figma. Uma seção também pode conter um frame quadrado. O Bannerify cria um arquivo .html autocontido da AppLovin por seção.

No momento, esse formato de arquivo único não é compatível com camadas Lottie ou do YouTube, porque elas dependem de arquivos de runtime externos. Primeiro, converta essas camadas em uma sequência de imagens ou em um vídeo pequeno sem som. O Bannerify também verifica os limites de 2 MB compactado e 50 MB descompactado usados por essa exportação.

Consulte as especificações de HTML playables da AppLovin para conhecer as regras atuais de arquivo único, orientação, áudio e click-through.