ออกแบบ push ที่มาถึงขณะแอปเปิดอยู่
เมื่อ push มาถึงขณะที่แอปเปิดอยู่ iOS ปล่อยให้คุณตัดสินใจเอง Pushwoosh iOS SDK แสดงข้อความนั้นเป็นแบนเนอร์เคลื่อนไหวในสีและฟอนต์ของแบรนด์คุณ พร้อมวัสดุ Liquid Glass ของ Apple บน iOS 26 ครับ
บริษัทกว่า 80,000 แห่งไว้วางใจเราในการขยาย engagement
รูปแบบนี้ครบทุกส่วน
push ที่มาถึงขณะแอปทำงานอยู่เบื้องหน้าเป็นเรื่องที่แอปของคุณต้องจัดการเอง iOS จะวางแบนเนอร์ระบบธรรมดาทับหน้าจอของคุณ หรือไม่แสดงอะไรเลย ข้อความที่คุณสร้างทั้ง Journey ขึ้นมารองรับจึงปรากฏเป็นแถบสีเทาธรรมดา โมดูล PushwooshForegroundPush แสดง payload เดียวกันนั้นเป็นแบนเนอร์ที่เป็นของคุณเอง
Liquid Glass (iOS 26)
เปิด useLiquidView แล้วแบนเนอร์จะใช้วัสดุ Liquid Glass ของ Apple ดูเป็นส่วนหนึ่งของ iOS 26 ไม่ใช่เลเยอร์ที่แปะทับหน้าจอ
แบนเนอร์มาตรฐาน (iOS 13 ถึง 25)
ต่ำกว่า iOS 26 คำสั่งเดียวกันจะแสดงแบนเนอร์ทึบในสีไล่ระดับและสีของคุณ และ Swift toolchain รุ่นเก่าจะใช้ effect view แบบเบลอแทน การตั้งค่าเดียวครอบคลุมทั้งสามแบบ
รูปการ์ดและ GIF
หัวข้อ ข้อความ รูปการ์ด และ GIF เคลื่อนไหว ทั้งหมดอ่านจาก payload ที่ push พกมาอยู่แล้ว
การเคลื่อนไหว haptic และระยะเวลาแสดง
แอนิเมชันตอนเข้า การปิดแบบ balls หรือ regularPush haptic ตอนข้อความมาถึงเลือกได้เจ็ดระดับ และระยะเวลาเป็นวินาทีก่อนแบนเนอร์หายไปเอง
สิ่งที่คุณควบคุมได้
| Property | กำหนดอะไร | ค่า |
|---|---|---|
useLiquidView | วัสดุ Liquid Glass บน iOS 26 | Bool ค่าเริ่มต้น 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 ซึ่งเป็นแบบเดียวที่มีในตอนนี้ |
useLiquidViewfalsegradientColors, backgroundColortitlePushColor, messagePushColortitlePushFont, messagePushFontusePushAnimationtruedurationvibrationnone, light, medium, heavy, soft, rigid, notificationdisappearedPushAnimationballs หรือ regularPushstylestyle1 ซึ่งเป็นแบบเดียวที่มีในตอนนี้ตั้งค่าได้ที่ไหน
เรียกครั้งเดียวตอนเปิดแอป
foregroundNotificationWith(style:duration:vibration:disappearedPushAnimation:) ใน didFinishLaunchingWithOptions พร้อม property ด้านรูปลักษณ์ ตั้งค่าครั้งเดียวสำหรับทั้งแอป
เรียกครั้งเดียวเมื่อข้อความมาถึง
showForegroundPush(userInfo:) จาก callback PWMessagingDelegate.onMessageReceived แสดงแบนเนอร์จาก payload ของข้อความโดยตรง
delegate เดียวสำหรับการแตะ
PWForegroundPushDelegate.didTapForegroundPush(userInfo:) ส่ง payload ทั้งหมดให้คุณ การแตะจึง deep link ไปยังตำแหน่งที่แคมเปญตั้งใจไว้พอดี
หน้าที่ของมันภายใน Journey
push เดียว แสดงผลได้สามแบบ
แบนเนอร์ foreground คือโหมดการแสดงผลของข้อความที่คุณส่งอยู่แล้ว segment เดียวกัน ทริกเกอร์เดียวกัน payload เดียวกัน ขั้นตอนเดียวกันใน Customer Journey เดียวกัน สิ่งที่เปลี่ยนคือสิ่งที่อุปกรณ์ทำเมื่อข้อความมาถึง
เมื่อแอปปิดอยู่ ข้อความจะแสดงเป็น push ระบบธรรมดาหรืออัปเดต Live Activity เมื่อแอปเปิดอยู่ SDK จะวาดแบนเนอร์นี้ และเมื่อสถานการณ์ต้องการเต็มหน้าจอพร้อมข้อเสนอหรือฟอร์ม Journey เดียวกันจะยกระดับไปเป็นข้อความในแอป
ข่าวด่วนเกิดขึ้นขณะผู้อ่านกำลังอ่านบทความอยู่
event จากกองบรรณาธิการเริ่ม Journey silent push เตรียมบทความไว้เบื้องหลังโดยที่ผู้อ่านไม่เห็น แล้วการแจ้งเตือนตามมาในวินาทีถัดไป
ผู้อ่านที่ปิดแอปอยู่เห็น push ระบบบนหน้าจอล็อก ผู้อ่านที่อยู่ในแอปแล้วเห็นแบนเนอร์ของสำนักข่าวเองเลื่อนลงมาทับบทความที่กำลังอ่าน พร้อมภาพย่อ และแตะครั้งเดียวก็ deep link ไปยังข่าวใหม่ Message Inbox เก็บการแจ้งเตือนไว้ให้ไม่ว่าจะกรณีไหน
เหมาะกับงานแบบไหน
แบนเนอร์ทำงานได้เฉพาะตอนที่ผู้ใช้อยู่ในแอป คุณค่าของมันจึงขึ้นกับความหนาแน่นของเซสชัน คือข้อความที่คุณส่งไปถึงหน้าจอที่เปิดอยู่แล้วมากแค่ไหน แอปที่มีเซสชันยาวได้ประโยชน์มากที่สุด ส่วนแอปที่ข้อความมักไปถึงตอนโทรศัพท์อยู่ในกระเป๋าได้ประโยชน์น้อยมาก
| สถานการณ์ | ข้อความบอกอะไร | ทำไมแบนเนอร์เหมาะ |
|---|---|---|
| สื่อและข่าว: ข่าวด่วนระหว่างเซสชันการอ่าน | ผลตัดสินออกแล้ว | ผู้อ่านอยู่ในแอปแล้ว และแบนเนอร์ระบบขัดกับดีไซน์ของสำนักข่าวเอง |
| สตรีมมิง: ซีรีส์ใหม่ออกระหว่างดูตอนหนึ่งอยู่ | ซีซัน 3 มาแล้ว | การแจ้งเตือนพกภาพปกซีรีส์ได้ แทนที่จะมาเป็นแถบระบบ |
| เกมมือถือ: อีเวนต์หรือรางวัลระหว่างแข่ง | ตาคุณแล้ว / Raid เริ่มใน 5 นาที | เซสชันยาวทำให้ push ส่วนใหญ่มาถึงระหว่างเล่น และแบนเนอร์ที่เข้ากับงานอาร์ตก็เข้ากับ UI ของเกม |
| แอปครีเอเตอร์และแอปสมาชิก: คอนเทนต์ใหม่หรือการชวนทดลองใช้ | ผลงานใหม่จากศิลปินที่คุณติดตาม | แอปที่ออกแบบมาอย่างดีไม่ควรยกช่วงเวลานี้ให้ระบบ และการแตะจะ deep link ไปยัง paywall |
| กีฬาสด: ประตูเกิดขึ้นขณะดูในแอป | 1-0 นาทีที่ 68 | ผู้ใช้เปิดแอปมาเพื่อดูแมตช์ และกำลังดูอยู่ตอนที่ push มาถึง |
| E-commerce และ marketplace: ราคาลดระหว่างเลื่อนดูสินค้า | สินค้าไซซ์ของคุณกลับมาแล้ว | แบนเนอร์ที่ออกแบบไว้ระหว่างเลื่อนดูอ่านเป็นส่วนหนึ่งของร้าน ไม่ใช่สิ่งขัดจังหวะ |
| FinTech: การยืนยันระหว่างทำรายการในแอป | โอนเงินสำเร็จ | การยืนยันในสไตล์แบรนด์ให้ความรู้สึกเป็นส่วนหนึ่งของแอป ณ วินาทีที่ผู้ใช้กำลังรอดู |
เมื่อช่องทางอื่นเหมาะกว่า
แบนเนอร์คือขั้นกลางที่เหลือบดูได้ อยู่ระหว่างการแจ้งเตือนระบบธรรมดากับข้อความในแอปแบบเต็มหน้าจอ มีหลายสถานการณ์ที่อยู่ทั้งสองฝั่งของมัน
- ข้อความมาถึงตอนแอปปิด: พนักงานส่งของมาถึงหน้าบ้าน ประตูขึ้นเครื่องเปลี่ยน การแจ้งเตือนการทุจริต นั่นคือ push ธรรมดา interruption level หรือ Live Activity
- สถานะที่ต่อเนื่องแทนที่จะเกิดขึ้นทันที: คำสั่งซื้อที่กำลังดำเนินการ รถที่กำลังมารับ คะแนนที่กำลังแข่ง นั่นคือ Live Activity
- ข้อความต้องการเต็มหน้าจอ: ข้อเสนอ ฟอร์ม paywall นั่นคือข้อความในแอป ซึ่งสมบูรณ์กว่าและสร้างได้โดยไม่ต้องเขียนโค้ด
- คุณอยากเปลี่ยนว่าใครได้รับข้อความหรือข้อความบอกอะไร ฟีเจอร์นี้เปลี่ยนแค่หน้าตา การเข้าถึงยังเป็นหน้าที่ของ mobile push
ความครอบคลุมด้านแพลตฟอร์มและเทคนิค
โมดูลนี้เป็นของ iOS Android ควบคุมพฤติกรรม foreground ผ่าน notification channels ซึ่ง Pushwoosh SDK สร้างจาก payload ของ push แทนที่แอปของคุณจะลงทะเบียนในโค้ด และบนเว็บไม่มีพื้นที่เทียบเท่า คอลัมน์สุดท้ายบอกว่าอะไรเป็นตัววาดแบนเนอร์จริง เพราะส่วนใหญ่อยู่ในแอปของคุณ ไม่ใช่บนเซิร์ฟเวอร์
| ความสามารถ | iOS | Android | Web | ทำงานผ่าน |
|---|---|---|---|---|
| แบนเนอร์ foreground แบบกำหนดเอง | iOS 13.0+, Pushwoosh SDK 6.10.0+ | – | – | โมดูล PushwooshForegroundPush ในแอปของคุณ |
| วัสดุ Liquid Glass | iOS 26 กับ Swift 5.13+ | – | – | วัสดุของ Apple เปิดด้วย useLiquidView |
| แบนเนอร์ทึบสำรอง | iOS ต่ำกว่า 26, Swift 5.13+ | – | – | view มาตรฐานที่ SDK วาด |
| แบนเนอร์เบลอสำรอง | iOS ทุกรุ่น, Swift ต่ำกว่า 5.13 | – | – | effect view แบบเบลอที่ SDK วาด |
| หัวข้อ ข้อความ รูปการ์ด GIF | ได้ | – | – | payload ของ push ไม่มีการเปลี่ยนแปลง |
| สีแบรนด์ สีไล่ระดับ และฟอนต์ | ได้ | – | – | property ด้านรูปลักษณ์แบบ static ของโมดูล |
| Haptic แอนิเมชันเข้าและออก ระยะเวลา | ได้ | – | – | foregroundNotificationWith ตอนเปิดแอป |
| การจัดการการแตะและ deep link | ได้ | – | – | PWForegroundPushDelegate.didTapForegroundPush |
| ตั้งค่าหน้าตาแบบไม่ต้องเขียนโค้ด | – | – | – | ยังไม่มีในตอนนี้ สไตล์อยู่ในโค้ดของแอป |
| พื้นที่ในเซสชันที่เทียบเท่าบนแพลตฟอร์มอื่น | ข้อความในแอป, Live Activities | ข้อความในแอป | ข้อความในแอป | ผลิตภัณฑ์แยก สร้างได้โดยไม่ต้องเขียนโค้ดใน Control Panel |
PushwooshForegroundPush ในแอปของคุณuseLiquidViewforegroundNotificationWith ตอนเปิดแอปPWForegroundPushDelegate.didTapForegroundPushความปลอดภัยและการโฮสต์
Pushwoosh ทำงานบนฮาร์ดแวร์ของเราเองในศูนย์ข้อมูลที่สหรัฐอเมริกาและเยอรมนี (EU) และสอดคล้องกับ GDPR
วิธีการทำงาน
ฟีเจอร์นี้ต้องใช้เวลาของนักพัฒนา และเราบอกไว้ตรง ๆ ไม่มีหน้าสร้างใน Control Panel สำหรับหน้าตา foreground นักพัฒนาจึงต้องเชื่อมในแอปครั้งเดียว หลังจากนั้นทุกอย่างคือการส่งที่คุณทำอยู่แล้ว
-
เพิ่มโมดูลและให้แอปจัดการ foreground (นักพัฒนา)
เพิ่ม
PushwooshForegroundPushคู่กับPushwooshFramework,PushwooshCore,PushwooshBridgeและPushwooshLiveActivitiesแล้วตั้งPushwoosh_SHOW_ALERTเป็นfalseในInfo.plistเพื่อหยุดไม่ให้ iOS วาดการแจ้งเตือนของตัวเอง เพราะแบนเนอร์นี้มาแทนที่ ไม่ได้แสดงคู่กัน -
ตั้งค่าหน้าตาครั้งเดียว (นักพัฒนา)
เรียก
foregroundNotificationWith(style:duration:vibration:disappearedPushAnimation:)ในdidFinishLaunchingWithOptionsและตั้ง property ด้านรูปลักษณ์สำหรับสี สีไล่ระดับ และฟอนต์ แสดงแต่ละข้อความด้วยshowForegroundPush(userInfo:)จากonMessageReceivedและจัดการการแตะในdidTapForegroundPush -
ส่งเหมือนที่ทำอยู่ทุกวัน (ไม่ต้องเขียนโค้ด)
กลุ่มเป้าหมายเดียวกัน Customer Journey เดียวกัน payload เดียวกัน ไม่ว่าแคมเปญจะมาจาก Control Panel หรือ Messages API แบนเนอร์คือวิธีที่ push นั้นแสดงผลเมื่อพบว่าแอปเปิดอยู่
ข้อจำกัดที่ควรรู้
สำรวจผลิตภัณฑ์ที่เกี่ยวข้อง
การแจ้งเตือนแบบ Push บนมือถือจาก Pushwoosh เข้าถึงทุกอุปกรณ์ พร้อม Rich Media, targeting ที่แม่นยำ และ Journey ข้ามช่องทางรวม LINE เปลี่ยนผู้ใช้ให้ภักดี
ข้อความในแอปจาก Pushwoosh: ทำ onboarding, upsell, แจ้งข่าวสาร หรือเก็บ feedback ในช่วงเวลาที่ผู้ใช้กำลังโฟกัสอยู่กับแอปของคุณ ด้วย editor แบบไม่ต้องเขียนโค้ด, native SDK template และระบบวิเคราะห์รายองค์ประกอบ รองรับ GDPR เริ่มใช้งานฟรี
ใส่ปุ่ม action บนการแจ้งเตือน ให้ผู้ใช้อนุมัติ รับรางวัล หรือติดตามพัสดุได้ในแตะเดียว สร้างชุดปุ่ม iOS ได้โดยไม่ต้องเขียนโค้ด และส่งจาก Journey เดียวกัน
Live Updates แสดงคำสั่งซื้อ การเดินทาง หรือการจัดส่งบนหน้าจอล็อก Android 16 เป็นการ์ดเดียวที่อัปเดตตัวเอง ควบคุมจากเซิร์ฟเวอร์ใน journey เดียวกับ push อื่น
ใส่รูปภาพหลายรูปในการแจ้งเตือน iOS เดียวให้ผู้ใช้ปัดดู ส่งจากแคมเปญ segment และ Journey เดียวกับ push อื่น พร้อม content extension จาก Pushwoosh
Message Inbox เพิ่มศูนย์รวมการแจ้งเตือนในแอปและเว็บไซต์ การส่งแบบเงียบเข้าถึงผู้ใช้ทุกคน รวมถึงผู้ที่ปิด push และข้อความที่บันทึกไว้เปิดดูได้ทุกเมื่อ