Custom foreground push

עצבו את ה-push שנוחת בזמן שהאפליקציה פתוחה

כש-push נוחת בזמן שהאפליקציה פתוחה, iOS משאירה את הרגע בידיים שלכם. ה-SDK של Pushwoosh ל-iOS מציג אותו כבאנר מונפש בצבעים ובפונטים שלכם, עם חומר ה-Liquid Glass של Apple ב-iOS 26.

שלושה מסכי iPhone מלפנים, זה לצד זה, בתוך אפליקציות שונות: אפליקציית חדשות עם באנר Liquid Glass ממותג מעל כתבה, משחק עם באנר בסגנון הגרפיקה שלו מעל מסך המשחק, ואפליקציית בנק עם באנר אישור מעל מסך ההעברה

יותר מ-80,000 חברות סומכות עלינו כדי להגדיל engagement

הפורמט, במלואו

push שמגיע בזמן שהאפליקציה ב-foreground הוא בעיה שהאפליקציה שלכם צריכה לפתור. iOS תשים את הבאנר הפשוט של המערכת מעל הממשק שלכם, או לא תציג כלום, והודעה שבניתם סביבה Journey שלם נוחתת כמסגרת אפורה. המודול PushwooshForegroundPush מציג את אותו payload כבאנר שהוא שלכם.

Liquid Glass (iOS 26)

הפעילו את useLiquidView והבאנר מצויר בחומר ה-Liquid Glass של Apple, כך שהוא נראה כחלק מ-iOS 26 ולא כשכבה שהודבקה מעל המסך שלכם.

באנר סטנדרטי (iOS 13 עד 25)

מתחת ל-iOS 26 אותה קריאה מציגה באנר אטום בגרדיאנט ובצבעים שלכם, ו-toolchains ישנים של Swift נופלים ל-view עם אפקט טשטוש. הגדרה אחת מכסה את שלושתם.

תמונת כרטיס ו-GIF

כותרת, הודעה, תמונת כרטיס ו-GIF מונפש, כולם נקראים מה-payload שה-push כבר נושא.

תנועה, haptics וזמן תצוגה

אנימציית כניסה, סגירה מסוג balls או regularPush, haptic בהגעה מתוך שבע רמות, ומשך בשניות לפני שהבאנר נעלם מעצמו.

מה אתם שולטים בו

מאפייןמה הוא קובעערכים
useLiquidViewחומר ה-Liquid Glass ב-iOS 26Bool, false כברירת מחדל
gradientColors, backgroundColorהמשטח שעליו הבאנר מצוירצבעי המותג שלכם
titlePushColor, messagePushColorצבע הטקסט לשתי השורותצבעי המותג שלכם
titlePushFont, messagePushFontפונטים לשתי השורותכל פונט שהאפליקציה שלכם כוללת
usePushAnimationאנימציית הכניסהBool, true כברירת מחדל
durationכמה זמן הבאנר נשאר לפני שהוא נעלםשניות
vibrationה-haptic שמופעל בהגעהnone, light, medium, heavy, soft, rigid, notification
disappearedPushAnimationאיך הבאנר עוזב את המסךballs או regularPush
styleהפריסה המובניתstyle1, היחידה שזמינה היום
מאפיין
1 / 9
useLiquidView
מה הוא קובע
חומר ה-Liquid Glass ב-iOS 26
ערכים
Bool, false כברירת מחדל
מאפיין
2 / 9
gradientColors, backgroundColor
מה הוא קובע
המשטח שעליו הבאנר מצויר
ערכים
צבעי המותג שלכם
מאפיין
3 / 9
titlePushColor, messagePushColor
מה הוא קובע
צבע הטקסט לשתי השורות
ערכים
צבעי המותג שלכם
מאפיין
4 / 9
titlePushFont, messagePushFont
מה הוא קובע
פונטים לשתי השורות
ערכים
כל פונט שהאפליקציה שלכם כוללת
מאפיין
5 / 9
usePushAnimation
מה הוא קובע
אנימציית הכניסה
ערכים
Bool, true כברירת מחדל
מאפיין
6 / 9
duration
מה הוא קובע
כמה זמן הבאנר נשאר לפני שהוא נעלם
ערכים
שניות
מאפיין
7 / 9
vibration
מה הוא קובע
ה-haptic שמופעל בהגעה
ערכים
none, light, medium, heavy, soft, rigid, notification
מאפיין
8 / 9
disappearedPushAnimation
מה הוא קובע
איך הבאנר עוזב את המסך
ערכים
balls או regularPush
מאפיין
9 / 9
style
מה הוא קובע
הפריסה המובנית
ערכים
style1, היחידה שזמינה היום

איפה מגדירים את זה

קריאה אחת בהפעלה

foregroundNotificationWith(style:duration:vibration:disappearedPushAnimation:) ב-didFinishLaunchingWithOptions, יחד עם מאפייני המראה. מוגדר פעם אחת לכל האפליקציה.

קריאה אחת בהגעה

showForegroundPush(userInfo:) מתוך ה-callback PWMessagingDelegate.onMessageReceived מציג את הבאנר ישירות מה-payload של ההודעה.

delegate אחד ללחיצה

PWForegroundPushDelegate.didTapForegroundPush(userInfo:) מעביר לכם את ה-payload המלא, כך שלחיצה עושה deep link בדיוק למקום שהקמפיין התכוון אליו.

התפקיד שלו, בתוך Journey

push אחד, שלוש תצוגות

באנר ה-foreground הוא מצב תצוגה של הודעה שאתם כבר שולחים. אותו סגמנט, אותו טריגר, אותו payload, אותו שלב באותו Customer Journey. מה שמשתנה הוא מה שהמכשיר עושה איתה כשהיא מגיעה.

כשהאפליקציה סגורה, ההודעה נוחתת כ-push מערכת רגיל או מעדכנת Live Activity. כשהאפליקציה פתוחה, ה-SDK מצייר את הבאנר הזה. כשהרגע מצדיק מסך מלא עם הצעה או טופס, אותו Journey מסלים ל-הודעת in-app.

כתבה מתפרצת בזמן שהקורא באמצע כתבה אחרת

אירוע מערכתי מפעיל את ה-Journey. silent push מחמם את הכתבה ברקע, בלי שהקורא רואה, וההתראה מגיעה שנייה אחריו.

קוראים שהאפליקציה סגורה אצלם רואים את ה-push של המערכת במסך הנעילה. קוראים שכבר בפנים רואים את הבאנר של כלי התקשורת עצמו מחליק מעל הכתבה שקראו, עם תמונה ממוזערת, ולחיצה אחת מובילה אותם בדיוק לכתבה החדשה. Message Inbox שומר את ההתראה בכל מקרה.

למה להשתמש בזה

הבאנר יכול להופיע רק בזמן שמישהו בתוך האפליקציה, כך שהערך שלו תלוי בצפיפות בתוך הסשן: כמה מהשליחות שלכם נוחתות על מסך שכבר פתוח. אפליקציות עם סשנים ארוכים מרוויחות ממנו הכי הרבה, ואפליקציות שההודעות שלהן מגיעות לטלפון שבכיס מרוויחות מעט מאוד. בישראל, עם חדירת iOS גבוהה, זה נוגע לחלק משמעותי מהקהל של אפליקציות מדיה, משחקים ופינטק.

רגעמה ההודעה אומרתלמה הבאנר מתאים
מדיה וחדשות: כתבה מתפרצת בזמן סשן קריאהפסק הדין ניתןהקורא כבר באפליקציה, ובאנר המערכת שובר את העיצוב של כלי התקשורת
Streaming: שחרור חדש בזמן פרקעונה 3 עלתהההתראה יכולה לשאת את הגרפיקה של הסדרה במקום להגיע כמסגרת מערכת
משחקי מובייל: אירוע או פרס באמצע משחקהתור שלך: ה-raid מתחיל בעוד 5סשנים ארוכים אומרים שרוב ה-pushes נוחתים באמצע משחק, ובאנר בסגנון הגרפיקה מתאים לממשק המשחק
אפליקציות יוצרים ומנויים: drop חדש או תזכורת ניסיוןחדש מאמן שאתם עוקבים אחריואפליקציה מעוצבת בקפידה לא צריכה למסור את הרגע הזה למערכת, והלחיצה מובילה ל-paywall
ספורט חי: גול בזמן שהמשתמש צופה באפליקציה1-0, דקה 68המשתמש פתח את האפליקציה בשביל האירוע וצופה בו כשה-push נוחת
E-commerce ו-marketplaces: ירידת מחיר בזמן גלישהחזר למלאי במידה שלךבאנר מעוצב באמצע גלילה נקרא כחלק מהחנות ולא כהפרעה
פינטק: אישור בזמן פעולה באפליקציהההעברה נשלחהאישור ממותג מרגיש מקורי ברגע שהמשתמש מחכה לו
רגע
1 / 7
מדיה וחדשות: כתבה מתפרצת בזמן סשן קריאה
מה ההודעה אומרת
פסק הדין ניתן
למה הבאנר מתאים
הקורא כבר באפליקציה, ובאנר המערכת שובר את העיצוב של כלי התקשורת
רגע
2 / 7
Streaming: שחרור חדש בזמן פרק
מה ההודעה אומרת
עונה 3 עלתה
למה הבאנר מתאים
ההתראה יכולה לשאת את הגרפיקה של הסדרה במקום להגיע כמסגרת מערכת
רגע
3 / 7
משחקי מובייל: אירוע או פרס באמצע משחק
מה ההודעה אומרת
התור שלך: ה-raid מתחיל בעוד 5
למה הבאנר מתאים
סשנים ארוכים אומרים שרוב ה-pushes נוחתים באמצע משחק, ובאנר בסגנון הגרפיקה מתאים לממשק המשחק
רגע
4 / 7
אפליקציות יוצרים ומנויים: drop חדש או תזכורת ניסיון
מה ההודעה אומרת
חדש מאמן שאתם עוקבים אחריו
למה הבאנר מתאים
אפליקציה מעוצבת בקפידה לא צריכה למסור את הרגע הזה למערכת, והלחיצה מובילה ל-paywall
רגע
5 / 7
ספורט חי: גול בזמן שהמשתמש צופה באפליקציה
מה ההודעה אומרת
1-0, דקה 68
למה הבאנר מתאים
המשתמש פתח את האפליקציה בשביל האירוע וצופה בו כשה-push נוחת
רגע
6 / 7
E-commerce ו-marketplaces: ירידת מחיר בזמן גלישה
מה ההודעה אומרת
חזר למלאי במידה שלך
למה הבאנר מתאים
באנר מעוצב באמצע גלילה נקרא כחלק מהחנות ולא כהפרעה
רגע
7 / 7
פינטק: אישור בזמן פעולה באפליקציה
מה ההודעה אומרת
ההעברה נשלחה
למה הבאנר מתאים
אישור ממותג מרגיש מקורי ברגע שהמשתמש מחכה לו

מתי משטח אחר הוא הנכון

הבאנר הוא שלב הביניים המהיר לקריאה בין התראת מערכת פשוטה להשתלטות in-app מלאה. הרבה רגעים יושבים משני צדדיו.

  • הרגע נוחת כשהאפליקציה סגורה: שליח בדלת, שינוי שער, התראת הונאה. זה push רגיל, רמת הפרעה או Live Activity.
  • המצב מתמשך ולא רגעי: הזמנה בתהליך, נסיעה בדרך, תוצאה חיה. זה Live Activity.
  • ההודעה צריכה מסך מלא: הצעה, טופס, paywall. זו הודעת in-app, עשירה יותר ונבנית ללא קוד.
  • אתם רוצים לשנות מי מקבל את ההודעה או מה היא אומרת. זה משנה איך היא נראית, וטווח ההגעה נשאר אצל mobile push.
הבאנר הוא העיצוב שלכם. את המילים עדיין אתם כותבים

50 הודעות push ששווה להעתיק, עם הטקסט והקריאייטיב מאחורי כל אחת.

קבלו את הדוגמאות

כיסוי פלטפורמות וטכני

המודול הוא מודול iOS. Android מנהלת התנהגות foreground דרך ערוצי התראות, שה-SDK של Pushwoosh יוצר מה-payload של ה-push במקום שהאפליקציה תרשום אותם בקוד, וב-web אין משטח מקביל. העמודה האחרונה אומרת מה באמת מצייר את הבאנר, כי רוב זה חי באפליקציה שלכם ולא בשרת.

יכולתiOSAndroidWebמי מספק
באנר foreground מותאםiOS 13.0+, Pushwoosh SDK 6.10.0+––המודול PushwooshForegroundPush באפליקציה שלכם
חומר Liquid GlassiOS 26 עם Swift 5.13+––החומר של Apple, מופעל עם useLiquidView
Fallback לבאנר אטוםiOS מתחת ל-26, Swift 5.13+––view סטנדרטי שה-SDK מצייר
Fallback לבאנר מטושטשכל iOS, Swift מתחת ל-5.13––view עם אפקט טשטוש שה-SDK מצייר
כותרת, הודעה, תמונת כרטיס, GIFכן––ה-payload של ה-push, בלי שינוי
צבעי מותג, גרדיאנטים ופונטיםכן––מאפייני מראה סטטיים במודול
Haptics, אנימציית כניסה וסגירה, משךכן––foregroundNotificationWith בהפעלת האפליקציה
טיפול בלחיצה ו-deep linkכן––PWForegroundPushDelegate.didTapForegroundPush
הגדרת המראה ללא קוד–––לא זמין היום, העיצוב חי בקוד האפליקציה
המשטח המקביל בתוך הסשן במקומות אחריםהודעות in-app, Live Activitiesהודעות in-appהודעות in-appמוצרים נפרדים, נבנים ללא קוד ב-Control Panel
יכולת
1 / 10
באנר foreground מותאם
iOS
iOS 13.0+, Pushwoosh SDK 6.10.0+
Android
–
Web
–
מי מספק
המודול PushwooshForegroundPush באפליקציה שלכם
יכולת
2 / 10
חומר Liquid Glass
iOS
iOS 26 עם Swift 5.13+
Android
–
Web
–
מי מספק
החומר של Apple, מופעל עם useLiquidView
יכולת
3 / 10
Fallback לבאנר אטום
iOS
iOS מתחת ל-26, Swift 5.13+
Android
–
Web
–
מי מספק
view סטנדרטי שה-SDK מצייר
יכולת
4 / 10
Fallback לבאנר מטושטש
iOS
כל iOS, Swift מתחת ל-5.13
Android
–
Web
–
מי מספק
view עם אפקט טשטוש שה-SDK מצייר
יכולת
5 / 10
כותרת, הודעה, תמונת כרטיס, GIF
iOS
כן
Android
–
Web
–
מי מספק
ה-payload של ה-push, בלי שינוי
יכולת
6 / 10
צבעי מותג, גרדיאנטים ופונטים
iOS
כן
Android
–
Web
–
מי מספק
מאפייני מראה סטטיים במודול
יכולת
7 / 10
Haptics, אנימציית כניסה וסגירה, משך
iOS
כן
Android
–
Web
–
מי מספק
foregroundNotificationWith בהפעלת האפליקציה
יכולת
8 / 10
טיפול בלחיצה ו-deep link
iOS
כן
Android
–
Web
–
מי מספק
PWForegroundPushDelegate.didTapForegroundPush
יכולת
9 / 10
הגדרת המראה ללא קוד
iOS
–
Android
–
Web
–
מי מספק
לא זמין היום, העיצוב חי בקוד האפליקציה
יכולת
10 / 10
המשטח המקביל בתוך הסשן במקומות אחרים
iOS
הודעות in-app, Live Activities
Android
הודעות in-app
Web
הודעות in-app
מי מספק
מוצרים נפרדים, נבנים ללא קוד ב-Control Panel

אבטחה ואירוח

Pushwoosh רצה על החומרה שלה בארה”ב ובגרמניה, בהתאם ל-GDPR.

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

איך זה עובד

הפיצ’ר הזה דורש זמן פיתוח, ואנחנו אומרים את זה ישר. אין composer ב-Control Panel למראה ה-foreground, כך שמפתח מחבר אותו פעם אחת באפליקציה, וכל מה שאחרי זה הוא השליחה שאתם כבר עושים.

  1. הוסיפו את המודול והעבירו את ה-foreground לאפליקציה (מפתח)

    הוסיפו את PushwooshForegroundPush לצד PushwooshFramework, PushwooshCore, PushwooshBridge ו-PushwooshLiveActivities, ואז הגדירו Pushwoosh_SHOW_ALERT ל-false ב-Info.plist. זה עוצר את iOS מלצייר התראה משלה, כי הבאנר מחליף אותה ולא מצטרף אליה.

  2. הגדירו את המראה פעם אחת (מפתח)

    קראו ל-foregroundNotificationWith(style:duration:vibration:disappearedPushAnimation:) ב-didFinishLaunchingWithOptions והגדירו את מאפייני המראה לצבעים, גרדיאנטים ופונטים. הציגו כל הודעה עם showForegroundPush(userInfo:) מתוך onMessageReceived, וטפלו בלחיצות ב-didTapForegroundPush.

  3. שלחו בדיוק כמו היום (ללא קוד)

    אותו קהל, אותו Customer Journey, אותו payload, בין אם הקמפיין מגיע מה-Control Panel ובין אם מ-Messages API. הבאנר הוא האופן שבו ה-push מוצג כשהוא מוצא את האפליקציה פתוחה.

מגבלות שכדאי להכיר

שכבת ליטוש עם חלון צר. אלה הגבולות שלה.

  • foreground בלבד. הבאנר מופיע בזמן שהאפליקציה פתוחה, כך שטווח ההגעה שלו הוא בדיוק החלק מהשליחות שנוחת על מסך פתוח.
  • iOS בלבד. התנהגות foreground ב-Android רצה דרך ערוצי התראות, מנגנון נפרד שהמודול הזה לא נוגע בו.
  • הוא מחליף את התראת ה-foreground המקורית. Pushwoosh_SHOW_ALERT חייב להיות false, כך שבאנר המערכת והבאנר הזה אף פעם לא מופיעים יחד.
  • הגדרה בקוד. העיצוב חי בקוד האפליקציה, ושינוי שלו יוצא עם release של האפליקציה ולא עם קמפיין.
  • פריסה אחת היום. style1 הוא הסגנון המובנה היחיד, וההתאמה נעצרת בצבעים, גרדיאנטים, פונטים, תנועה ומשך.
  • Liquid Glass דורש iOS 26 ו-Swift 5.13+. כל מה שמתחת מציג באנר אטום או מטושטש מאותה הגדרה, כך שהמראה המרכזי מגיע לחלק של הקהל שלכם שעל iOS 26.
  • הוא לא משאיר סימן בצד השרת. מסירות ופתיחות מדווחות כרגיל, והתצוגה היא בצד הלקוח, אז מדדו אותו בבדיקת A/B בתוך הסשן על שיעור הלחיצות ולא על ידי חיפוש בדוח.

גלה מוצרים קשורים

הודעות Push ניידות

הודעות Push ניידות מבית Pushwoosh – הגעה לכל מכשיר, תוכן עשיר, טירגוט מדויק, מסעות omnichannel ו-99% uptime. הפכו התראות למשתמשים נאמנים ומשלמים.

הודעות In-App

הודעות In-App מבית Pushwoosh: onboarding, upsell, עדכונים ואיסוף feedback בדיוק ברגע שהמשתמשים שלכם פעילים באפליקציה. עורך ללא קוד, תבניות native דרך ה-SDK, אנליטיקס לכל אלמנט. תואם GDPR. התחילו בחינם.

Interactive push: כפתורי פעולה בהתראה

הוסיפו כפתורי פעולה ל-push שאתם כבר שולחים: אישור, מימוש, מעקב בלחיצה אחת. בונים את סטי הכפתורים ל-iOS ללא קוד ב-Control Panel של Pushwoosh.

Live Updates ל-Android: התראה חיה שמתעדכנת

Live Updates מציגים הזמנה, נסיעה או משלוח במסך הנעילה של Android 16 ככרטיס אחד שמתעדכן מעצמו. Pushwoosh מפעילה, מעדכנת ומסיימת אותו מהשרת.

iOS image carousel push: כמה תמונות ב-push אחד

שימו כמה תמונות ב-push אחד ב-iOS ותנו למשתמשים לדפדף ביניהן בהתראה המורחבת. Pushwoosh מספקת את ה-notification content extension, והיא נשלחת מאותו Journey.

Message Inbox: מרכז הודעות in-app למובייל ולווב

Message Inbox מוסיף מרכז הודעות in-app לאפליקציה ולאתר. מסירה שקטה מגיעה לכל משתמש, גם למי שסירב לפוש, וההודעות נשמרות לזמן שנוח לו.