Wähle AppLovin (Responsive HTML5), wenn du eine einzige, eigenständige MRAID-HTML-Datei brauchst, die sich an Vollbild-Platzierungen auf Mobilgeräten anpasst.

Einrichtung

1. Erstelle in Figma einen Frame im Hochformat 9:16 und einen Frame im Querformat 16:9. Füg einen quadratischen Frame hinzu, wenn das Kampagnenbriefing zusätzlich ein 1:1-Layout verlangt.
2. Nimm diese Frames in die Bannerify-Zeitleiste auf.
3. Klick auf Export to HTML und wähle AppLovin (Responsive HTML5).
4. Exportiere und entpacke die von Bannerify heruntergeladene Datei.
5. Lade die eigenständige .html-Datei in den AppLovin-Workflow hoch, den der Kunde oder das Mediateam vorgibt.

Bannerify wartet vor dem Start auf das MRAID-Ready-Event von AppLovin, zeigt das enthaltene Layout an, dessen Seitenverhältnis dem Viewport des Geräts am nächsten kommt, und skaliert es proportional, sodass es die Platzierung ausfüllt. Außerdem enthält das Werbemittel eine Ladeanzeige, Videos bleiben stummgeschaltet, Klicks laufen über mraid.open(), und Bilder sowie heruntergeladene Videodateien werden direkt in das HTML eingebettet. Das fertige Werbemittel braucht keinen separaten Ordner images oder videos.

Lass den geforderten CTA im Design sichtbar und füg keinen Schließen-Button hinzu, weil AppLovin für die Platzierung selbst einen bereitstellt.

Warum beide Ausrichtungen nötig sind

Die 9:16-Vorgabe von AppLovin gilt für Videos im Hochformat und für Endcards als Bild. Für HTML-Playables gilt eine andere Vorgabe: Die einzelne HTML-Datei muss sowohl im Hoch- als auch im Querformat richtig funktionieren.

Deshalb verlangt Bannerify für diesen Export einen Frame im Hochformat 9:16 und einen Frame im Querformat 16:9. Beide Frames können dieselben Texte, Bilder und dasselbe kreative Konzept nutzen; der Frame im Querformat muss nur das Layout an die breitere Ausrichtung anpassen. Bannerify fasst beide Frames zu einer responsiven HTML-Datei zusammen. Ein quadratischer 1:1-Frame ist optional.

Wenn ein Kunde nur ein 9:16-Asset anfragt, kläre, ob er ein Video, eine Endcard als Bild oder ein HTML-Playable braucht. Ein Briefing nur im Hochformat kann für die ersten beiden Formate passen, reicht aber nicht für den Export AppLovin (Responsive HTML5) von Bannerify.

Mehrere Versionen eines Werbemittels exportieren

Leg jedes Set aus Hoch- und Querformat in eine eigene Figma-Section. Eine Section kann zusätzlich einen quadratischen Frame enthalten. Bannerify erstellt pro Section eine eigenständige AppLovin-.html-Datei.

Dieses Einzeldatei-Format unterstützt derzeit keine Lottie- oder YouTube-Ebenen, weil diese externe Laufzeitdateien brauchen. Wandle solche Ebenen vorher in eine Bildsequenz oder ein kleines, stummgeschaltetes Video um. Bannerify prüft außerdem die Limits von 2 MB komprimiert und 50 MB unkomprimiert, die für diesen Export gelten.

Die aktuellen Regeln zu Einzeldatei, Ausrichtung, Audio und Klickziel findest du in den Spezifikationen für HTML-Playables von AppLovin.