Custom Foreground Push

Gestalten Sie den Push, der bei geöffneter App eintrifft

Trifft ein Push ein, während Ihre App geöffnet ist, überlässt iOS Ihnen den Moment. Das Pushwoosh iOS SDK zeigt ihn als animiertes Banner in Ihren eigenen Farben und Schriften, auf iOS 26 im Liquid-Glass-Material von Apple.

Drei iPhone-Bildschirme frontal nebeneinander in verschiedenen Apps: eine News-App mit gebrandetem Liquid-Glass-Banner über einem Artikel, ein Spiel mit einem zur Grafik passenden Banner über dem Match-Bildschirm und eine Banking-App mit einem Bestätigungsbanner über dem Überweisungsbildschirm

Über 80.000 Unternehmen vertrauen Pushwoosh beim Skalieren ihres Engagements

Sicherheit & Hosting

Das Banner wird vollständig in Ihrer App gezeichnet, aus dem Payload, den der Push ohnehin trägt. Die Plattform, die diesen Push versendet, läuft auf eigener Hardware von Pushwoosh in den USA und in Deutschland, gemäß DSGVO.

ISO 27001:2022 CertifiedISO 27001 CertifiedGDPR CompliantData Privacy FrameworkHIPAA CompliantSOC 2 Type 2 CertifiedOWASP Compliant

Das Format im Detail

Ein Push, der eintrifft, während Ihre App im Vordergrund läuft, ist Sache Ihrer App. iOS legt sein schlichtes Systembanner über Ihre Oberfläche oder zeigt gar nichts, und eine Nachricht, für die Sie eine ganze Journey gebaut haben, erscheint als graue Systemoberfläche. Das Modul PushwooshForegroundPush stellt denselben Payload als Banner dar, das Ihnen gehört.

Liquid Glass (iOS 26)

Aktivieren Sie useLiquidView, und das Banner erscheint im Liquid-Glass-Material von Apple. So wirkt es wie ein Teil von iOS 26 und nicht wie eine aufgeklebte Ebene.

Standardbanner (iOS 13 bis 25)

Unter iOS 26 zeichnet derselbe Aufruf ein festes Banner in Ihrem Verlauf und Ihren Farben, ältere Swift-Toolchains greifen auf eine unscharfe Effektansicht zurück. Eine Konfiguration deckt alle drei Fälle ab.

Kartenbild und GIF

Titel, Nachricht, ein Kartenbild und ein animiertes GIF, alles aus dem Payload, den der Push bereits trägt.

Animation, Haptik und Anzeigedauer

Eine Einblendanimation, ein Ausblenden per balls oder regularPush, eine Haptik beim Eintreffen aus sieben Stufen und eine Dauer in Sekunden, nach der das Banner verschwindet.

Was Sie steuern

EigenschaftWas sie festlegtWerte
useLiquidViewDas Liquid-Glass-Material auf iOS 26Bool, standardmäßig false
gradientColors, backgroundColorDie Fläche, auf der das Banner gezeichnet wirdIhre Markenfarben
titlePushColor, messagePushColorTextfarbe der beiden ZeilenIhre Markenfarben
titlePushFont, messagePushFontSchriften der beiden ZeilenJede Schrift, die Ihre App mitbringt
usePushAnimationDie EinblendanimationBool, standardmäßig true
durationWie lange das Banner sichtbar bleibtSekunden
vibrationDie Haptik beim Eintreffennone, light, medium, heavy, soft, rigid, notification
disappearedPushAnimationWie das Banner den Bildschirm verlässtballs oder regularPush
styleDas integrierte Layoutstyle1, derzeit das einzige verfügbare
Eigenschaft
1 / 9
useLiquidView
Was sie festlegt
Das Liquid-Glass-Material auf iOS 26
Werte
Bool, standardmäßig false
Eigenschaft
2 / 9
gradientColors, backgroundColor
Was sie festlegt
Die Fläche, auf der das Banner gezeichnet wird
Werte
Ihre Markenfarben
Eigenschaft
3 / 9
titlePushColor, messagePushColor
Was sie festlegt
Textfarbe der beiden Zeilen
Werte
Ihre Markenfarben
Eigenschaft
4 / 9
titlePushFont, messagePushFont
Was sie festlegt
Schriften der beiden Zeilen
Werte
Jede Schrift, die Ihre App mitbringt
Eigenschaft
5 / 9
usePushAnimation
Was sie festlegt
Die Einblendanimation
Werte
Bool, standardmäßig true
Eigenschaft
6 / 9
duration
Was sie festlegt
Wie lange das Banner sichtbar bleibt
Werte
Sekunden
Eigenschaft
7 / 9
vibration
Was sie festlegt
Die Haptik beim Eintreffen
Werte
none, light, medium, heavy, soft, rigid, notification
Eigenschaft
8 / 9
disappearedPushAnimation
Was sie festlegt
Wie das Banner den Bildschirm verlässt
Werte
balls oder regularPush
Eigenschaft
9 / 9
style
Was sie festlegt
Das integrierte Layout
Werte
style1, derzeit das einzige verfügbare

Wo Sie es festlegen

Ein Aufruf beim Start

foregroundNotificationWith(style:duration:vibration:disappearedPushAnimation:) in didFinishLaunchingWithOptions plus die Darstellungseigenschaften. Einmal für die gesamte App konfiguriert.

Ein Aufruf beim Eintreffen

showForegroundPush(userInfo:) aus Ihrem Callback PWMessagingDelegate.onMessageReceived zeigt das Banner direkt aus dem Nachrichten-Payload.

Ein Delegate für den Tap

PWForegroundPushDelegate.didTapForegroundPush(userInfo:) übergibt Ihnen den vollständigen Payload, sodass ein Tap per Deep Link genau dorthin führt, wo die Kampagne es vorsieht.

Was das Banner in einer Journey leistet

Ein Push, drei Darstellungen

Das Foreground-Banner ist ein Darstellungsmodus einer Nachricht, die Sie ohnehin senden. Gleiches Segment, gleicher Trigger, gleicher Payload, gleicher Schritt in derselben Customer Journey. Anders ist nur, was das Gerät beim Eintreffen damit macht.

Bei geschlossener App erscheint die Nachricht als gewöhnlicher System-Push oder aktualisiert eine Live Activity. Bei geöffneter App zeichnet das SDK dieses Banner. Verdient der Moment einen ganzen Bildschirm mit Angebot oder Formular, eskaliert dieselbe Journey zu einer In-App-Nachricht.

Eine Eilmeldung, während der Leser mitten im Artikel ist

Ein redaktionelles Event startet die Journey. Ein Silent Push lädt den Artikel unsichtbar im Hintergrund vor, und der Alarm folgt eine Sekunde später.

Leser mit geschlossener App sehen den System-Push auf dem Sperrbildschirm. Leser, die schon in der App sind, sehen das Banner der Redaktion über den Artikel gleiten, den sie gerade lesen, samt Vorschaubild, und ein Tap führt sie per Deep Link zur neuen Meldung. Die Message Inbox bewahrt den Alarm in beiden Fällen auf.

Wofür es sich lohnt

Das Banner kann nur erscheinen, während jemand in Ihrer App ist. Sein Wert hängt also davon ab, wie viel Ihres Versands auf einem bereits geöffneten Bildschirm landet. Apps mit langen Sitzungen profitieren am meisten, Apps, deren Nachrichten ein Smartphone in der Tasche erreichen, kaum.

MomentWas die Nachricht sagtWarum das Banner passt
Fintech: eine Bestätigung während einer Aufgabe in der AppÜberweisung gesendetEine gebrandete Bestätigung wirkt nativ, genau in dem Moment, in dem der Nutzer darauf wartet
E-Commerce & Marktplätze: ein Preisnachlass beim StöbernWieder in Ihrer Größe verfügbarEin gestaltetes Banner mitten im Scrollen wirkt wie ein Teil des Shops statt wie eine Unterbrechung
Medien & News: eine Eilmeldung während des LesensDas Urteil ist gefallenDer Leser ist bereits in der App, und das Systembanner würde das Design der Redaktion stören
Live-Sport: ein Tor, während der Nutzer in der App zuschaut1:0, 68. MinuteDer Nutzer hat die App für das Spiel geöffnet und schaut zu, wenn der Push eintrifft
Streaming: eine Veröffentlichung während einer FolgeStaffel 3 ist onlineDer Alarm kann das Artwork der Serie tragen, statt als Systemoberfläche zu erscheinen
Mobile Games: ein Event oder eine Belohnung während eines MatchesSie sind dran: Der Raid startet in 5Lange Sitzungen bedeuten, dass die meisten Pushs im Spiel landen, und ein zur Grafik passendes Banner fügt sich in die Spiel-UI
Creator- & Abo-Apps: ein neuer Drop oder ein Hinweis zur TestphaseNeu von einem Künstler, dem Sie folgenEine sorgfältig gestaltete App sollte genau diesen Moment nicht dem System überlassen, und der Tap führt per Deep Link zur Paywall
Moment
1 / 7
Fintech: eine Bestätigung während einer Aufgabe in der App
Was die Nachricht sagt
Überweisung gesendet
Warum das Banner passt
Eine gebrandete Bestätigung wirkt nativ, genau in dem Moment, in dem der Nutzer darauf wartet
Moment
2 / 7
E-Commerce & Marktplätze: ein Preisnachlass beim Stöbern
Was die Nachricht sagt
Wieder in Ihrer Größe verfügbar
Warum das Banner passt
Ein gestaltetes Banner mitten im Scrollen wirkt wie ein Teil des Shops statt wie eine Unterbrechung
Moment
3 / 7
Medien & News: eine Eilmeldung während des Lesens
Was die Nachricht sagt
Das Urteil ist gefallen
Warum das Banner passt
Der Leser ist bereits in der App, und das Systembanner würde das Design der Redaktion stören
Moment
4 / 7
Live-Sport: ein Tor, während der Nutzer in der App zuschaut
Was die Nachricht sagt
1:0, 68. Minute
Warum das Banner passt
Der Nutzer hat die App für das Spiel geöffnet und schaut zu, wenn der Push eintrifft
Moment
5 / 7
Streaming: eine Veröffentlichung während einer Folge
Was die Nachricht sagt
Staffel 3 ist online
Warum das Banner passt
Der Alarm kann das Artwork der Serie tragen, statt als Systemoberfläche zu erscheinen
Moment
6 / 7
Mobile Games: ein Event oder eine Belohnung während eines Matches
Was die Nachricht sagt
Sie sind dran: Der Raid startet in 5
Warum das Banner passt
Lange Sitzungen bedeuten, dass die meisten Pushs im Spiel landen, und ein zur Grafik passendes Banner fügt sich in die Spiel-UI
Moment
7 / 7
Creator- & Abo-Apps: ein neuer Drop oder ein Hinweis zur Testphase
Was die Nachricht sagt
Neu von einem Künstler, dem Sie folgen
Warum das Banner passt
Eine sorgfältig gestaltete App sollte genau diesen Moment nicht dem System überlassen, und der Tap führt per Deep Link zur Paywall

Wann eine andere Oberfläche die richtige ist

Das Banner ist die überfliegbare Mitte zwischen einem schlichten Systemalarm und einer vollflächigen In-App-Übernahme. Viele Momente liegen auf der einen oder anderen Seite.

  • Der Moment trifft bei geschlossener App ein: ein Kurier an der Tür, ein Gate-Wechsel, ein Betrugsalarm. Das ist ein einfacher Push, eine Unterbrechungsstufe oder eine Live Activity.
  • Der Zustand ist fortlaufend statt punktuell: eine Bestellung in Bearbeitung, eine Fahrt unterwegs, ein laufender Spielstand. Das ist eine Live Activity.
  • Die Nachricht braucht einen ganzen Bildschirm: ein Angebot, ein Formular, eine Paywall. Das ist eine In-App-Nachricht, reichhaltiger und ohne Code gestaltet.
  • Sie möchten ändern, wer die Nachricht erhält oder was sie sagt. Das Banner ändert nur, wie sie aussieht, die Reichweite bleibt beim Mobile Push.
Das Banner ist Ihre Gestaltung. Die Worte schreiben Sie trotzdem selbst

50 Push-Benachrichtigungen als Vorlage, jeweils mit Text und Gestaltung dahinter.

Beispiele ansehen

Plattformen & technische Abdeckung

Das Modul ist ein iOS-Modul. Android steuert das Verhalten im Vordergrund über Benachrichtigungskanäle, die das Pushwoosh SDK aus dem Push-Payload anlegt, statt dass Ihre App sie im Code registriert, und im Web gibt es keine vergleichbare Oberfläche. Die letzte Spalte nennt, was das Banner tatsächlich zeichnet, denn das meiste davon liegt in Ihrer App und nicht auf dem Server.

FunktioniOSAndroidWebBereitgestellt durch
Eigenes Foreground-BanneriOS 13.0+, Pushwoosh SDK 6.10.0+––Das Modul PushwooshForegroundPush in Ihrer App
Liquid-Glass-MaterialiOS 26 mit Swift 5.13+––Apples Material, aktiviert mit useLiquidView
Festes Banner als FallbackiOS unter 26, Swift 5.13+––Eine Standardansicht, vom SDK gezeichnet
Unscharfes Banner als FallbackJedes iOS, Swift unter 5.13––Eine unscharfe Effektansicht, vom SDK gezeichnet
Titel, Nachricht, Kartenbild, GIFJa––Der Push-Payload, unverändert
Markenfarben, Verläufe und SchriftenJa––Statische Darstellungseigenschaften des Moduls
Haptik, Ein- und Ausblendanimation, DauerJa––foregroundNotificationWith beim App-Start
Tap-Verarbeitung und Deep LinkJa––PWForegroundPushDelegate.didTapForegroundPush
No-Code-Konfiguration des Aussehens–––Derzeit nicht verfügbar, die Gestaltung liegt im App-Code
Vergleichbare Oberfläche in der Sitzung anderswoIn-App-Nachrichten, Live ActivitiesIn-App-NachrichtenIn-App-NachrichtenEigene Produkte, ohne Code im Control Panel gestaltet
Funktion
1 / 10
Eigenes Foreground-Banner
iOS
iOS 13.0+, Pushwoosh SDK 6.10.0+
Android
–
Web
–
Bereitgestellt durch
Das Modul PushwooshForegroundPush in Ihrer App
Funktion
2 / 10
Liquid-Glass-Material
iOS
iOS 26 mit Swift 5.13+
Android
–
Web
–
Bereitgestellt durch
Apples Material, aktiviert mit useLiquidView
Funktion
3 / 10
Festes Banner als Fallback
iOS
iOS unter 26, Swift 5.13+
Android
–
Web
–
Bereitgestellt durch
Eine Standardansicht, vom SDK gezeichnet
Funktion
4 / 10
Unscharfes Banner als Fallback
iOS
Jedes iOS, Swift unter 5.13
Android
–
Web
–
Bereitgestellt durch
Eine unscharfe Effektansicht, vom SDK gezeichnet
Funktion
5 / 10
Titel, Nachricht, Kartenbild, GIF
iOS
Ja
Android
–
Web
–
Bereitgestellt durch
Der Push-Payload, unverändert
Funktion
6 / 10
Markenfarben, Verläufe und Schriften
iOS
Ja
Android
–
Web
–
Bereitgestellt durch
Statische Darstellungseigenschaften des Moduls
Funktion
7 / 10
Haptik, Ein- und Ausblendanimation, Dauer
iOS
Ja
Android
–
Web
–
Bereitgestellt durch
foregroundNotificationWith beim App-Start
Funktion
8 / 10
Tap-Verarbeitung und Deep Link
iOS
Ja
Android
–
Web
–
Bereitgestellt durch
PWForegroundPushDelegate.didTapForegroundPush
Funktion
9 / 10
No-Code-Konfiguration des Aussehens
iOS
–
Android
–
Web
–
Bereitgestellt durch
Derzeit nicht verfügbar, die Gestaltung liegt im App-Code
Funktion
10 / 10
Vergleichbare Oberfläche in der Sitzung anderswo
iOS
In-App-Nachrichten, Live Activities
Android
In-App-Nachrichten
Web
In-App-Nachrichten
Bereitgestellt durch
Eigene Produkte, ohne Code im Control Panel gestaltet

So funktioniert es

Diese Funktion braucht Entwicklungszeit, und wir sagen das offen. Für das Aussehen im Vordergrund gibt es keinen Composer im Control Panel. Ein Entwickler bindet es einmal in der App an, alles danach ist der Versand, den Sie bereits betreiben.

  1. Modul hinzufügen und den Vordergrund an Ihre App übergeben (Entwickler)

    Fügen Sie PushwooshForegroundPush zusammen mit PushwooshFramework, PushwooshCore, PushwooshBridge und PushwooshLiveActivities hinzu und setzen Sie Pushwoosh_SHOW_ALERT in der Info.plist auf false. Damit zeichnet iOS keinen eigenen Alarm mehr, denn das Banner ersetzt ihn, statt hinzuzukommen.

  2. Aussehen einmal konfigurieren (Entwickler)

    Rufen Sie foregroundNotificationWith(style:duration:vibration:disappearedPushAnimation:) in didFinishLaunchingWithOptions auf und setzen Sie die Darstellungseigenschaften für Farben, Verläufe und Schriften. Zeigen Sie jede Nachricht mit showForegroundPush(userInfo:) aus onMessageReceived an und verarbeiten Sie Taps in didTapForegroundPush.

  3. Genau wie bisher senden (No-Code)

    Gleiche Zielgruppe, gleiche Customer Journey, gleicher Payload, ob die Kampagne aus dem Control Panel oder über die Messages API kommt. Das Banner ist die Darstellung dieses Pushs, wenn er die App geöffnet vorfindet.

Grenzen, die Sie kennen sollten

Eine Gestaltungsebene mit engem Zeitfenster. Das sind ihre Grenzen.

  • Nur im Vordergrund. Das Banner erscheint bei geöffneter App, seine Reichweite entspricht also genau dem Anteil Ihres Versands, der auf einem offenen Bildschirm landet.
  • Nur iOS. Das Vordergrundverhalten auf Android läuft über Benachrichtigungskanäle, einen eigenen Mechanismus, den dieses Modul nicht berührt.
  • Es ersetzt den nativen Vordergrundalarm. Pushwoosh_SHOW_ALERT muss false sein, Systembanner und dieses Banner erscheinen also nie gleichzeitig.
  • Konfiguration im Code. Die Gestaltung liegt im App-Code, Änderungen erscheinen mit einem App-Release und nicht mit einer Kampagne.
  • Derzeit ein Layout. style1 ist der einzige integrierte Stil, die Anpassung umfasst Farben, Verläufe, Schriften, Animation und Dauer.
  • Liquid Glass braucht iOS 26 und Swift 5.13+. Darunter zeigt dieselbe Konfiguration ein festes oder unscharfes Banner, der Vorzeige-Look erreicht also den iOS-26-Anteil Ihrer Zielgruppe.
  • Es hinterlässt keine serverseitige Markierung. Zustellungen und Öffnungen werden wie gewohnt erfasst, die Darstellung erfolgt clientseitig. Messen Sie den Effekt daher mit einem A/B-Test der Tap-Rate in der Sitzung, statt ihn in einem Bericht zu suchen.