Modale In-App-Nachrichten
Modale Nachrichten erscheinen in der Mitte des Gerätebildschirms mit einem Bildschirm-Overlay, das sie vom Hintergrund Ihrer App abhebt. Sie eignen sich perfekt, um Ihre Nutzer:innen auf einen Sale oder ein Gewinnspiel aufmerksam zu machen.
Dieser Nachrichtentyp ist sowohl im Drag-and-Drop-Editor als auch im traditionellen Editor verfügbar.
Bildspezifikationen
Modale In-App-Nachrichten sind so konzipiert, dass sie sich bestmöglich und mit dem höchsten Füllgrad an das Gerät anpassen, während sie gleichzeitig die Größe und das Verhältnis des von Ihnen gewählten Bildes oder Textes für Ihre Nachricht beibehalten.
Es gibt zwar keine Beschränkungen für die Anzahl der Textzeichen, die Sie in einer In-App-Nachricht verwenden können (einschließlich Buttons, Überschrift, Haupttext und weiterer Elemente), aber wir empfehlen, die Textmenge moderat zu halten. Zu viel Text führt dazu, dass Nutzer:innen die Nachricht erweitern und scrollen müssen.
Alle In-App-Nachrichten haben eine empfohlene Bildgröße von 500 KB, eine maximale Bildgröße von 5 MB und unterstützen die Dateitypen PNG, JPEG und GIF. WebP-Bilder werden nicht von allen Geräten oder Browsern unterstützt. Wir empfehlen, WebP-Bilder in das PNG- oder JPEG-Format zu konvertieren, bevor Sie sie zu In-App-Nachrichten hinzufügen.
SVG-Bilder werden für In-App-Nachrichten nicht unterstützt, da sie nicht auf allen Plattformen zuverlässig gerendert werden. Verwenden Sie stattdessen PNG, JPEG oder GIF.
| Typ | Seitenverhältnis | Bildqualität | Anmerkungen |
|---|---|---|---|
| Hochformat Vollbild mit Text | 6:5 | Hohe Auflösung 1200 x 1000 px Mindestauflösung 600 x 500 px |
Der Beschnitt kann an allen Seiten erfolgen, aber das Bild füllt immer die oberen 50 % des Ansichtsfensters aus. |
| Hochformat Vollbild (nur Bild, mit oder ohne Buttons) | 3:5 | Hohe Auflösung 1200 x 2000 px Mindestauflösung 600 x 1000 px |
Bei größeren Geräten kann es am linken und rechten Rand zu Beschneidungen kommen. |
| Typ | Seitenverhältnis | Bildqualität | Anmerkungen |
|---|---|---|---|
| Querformat Vollbild mit Text | 10:3 | Hohe Auflösung 2000 x 600 px Mindestauflösung 1000 x 300 px |
Der Beschnitt kann an allen Seiten erfolgen, aber das Bild füllt immer die oberen 50 % des Ansichtsfensters aus. |
| Querformat Vollbild (nur Bild, mit oder ohne Buttons) | 5:3 | Hohe Auflösung 2000 x 600 px Mindestauflösung 1000 x 600 px |
Bei größeren Geräten kann es am linken und rechten Rand zu Beschneidungen kommen. |
| Typ | Seitenverhältnis | Bildqualität | Anmerkungen |
|---|---|---|---|
| Modal (nur Bild) | 1:1 | Empfohlene maximale Auflösung: 1200 x 2000 px Mindestauflösung: 600 x 600 px |
Die Nachricht passt sich an die meisten Seitenverhältnisse an. Die empfohlene maximale Auflösung hat ein Seitenverhältnis von 3:5, was möglicherweise nicht zu optimalen Ergebnissen führt. Größere Bilder sind zwar verwendbar, können jedoch zu längeren Ladezeiten führen. Das ideale Seitenverhältnis für Bilder ist 1:1. Wird dieses Verhältnis nicht eingehalten, kann dies beim Hochladen eine Warnung auslösen. Diese Warnung ist ein Vorschlag für optimale Ergebnisse und verhindert nicht das Hochladen größerer Bilder. |
| Modal mit Text | 29:10 | Hohe Auflösung 1450 x 500 px Mindestauflösung 600 x 205 px |
Hohe Bilder werden verkleinert und horizontal zentriert. Breite Bilder werden am linken und rechten Rand abgeschnitten. |
Das Rendering von In-App-Nachrichten im Web SDK kann durch benutzerdefinierte Textgrößeneinstellungen des Browsers beeinflusst werden. Nutzer:innen mit benutzerdefinierter Textgrößenskalierung können geringfügige Darstellungsprobleme feststellen, wie z. B. einen 1-px-Spalt am Rand eines modalen Bildes. Beim Testen und in der Vorschau von In-App-Nachrichten empfehlen wir, die Standard-Textgrößeneinstellungen des Browsers zu verwenden, um eine möglichst genaue Darstellung zu erhalten.
Größere Bildschirme
Auf einem Tablet oder in einem Desktop-Browser wird eine modale In-App-Nachricht weiterhin in der Mitte des App-Bildschirms angezeigt, wie im folgenden Screenshot dargestellt.
