アプリの使用中に届くプッシュ通知をデザイン
アプリを開いている間にプッシュ通知が届いた場合、その表示方法は iOS がアプリ側に委ねます。Pushwoosh iOS SDK は、それを自社のカラーとフォントによるアニメーションバナーとして表示し、iOS 26 では Apple の Liquid Glass マテリアルを適用します。
80,000 社以上の企業に信頼され、エンゲージメントの拡大を支えています
フォアグラウンドプッシュの全体像
アプリがフォアグラウンドにあるときに届いたプッシュ通知をどう扱うかは、アプリ側で解決すべき課題です。iOS はアプリの画面の上に簡素なシステムバナーを重ねるか、何も表示しないかのどちらかです。カスタマージャーニー全体を設計して作ったメッセージも、灰色の標準 UI として表示されてしまいます。PushwooshForegroundPush モジュールは、同じペイロードを自社ブランドのバナーとして描画します。
Liquid Glass (iOS 26)
useLiquidView をオンにすると、バナーは Apple の Liquid Glass マテリアルで描画されます。画面に貼り付けたレイヤーではなく、iOS 26 の一部として自然に見えます。
標準バナー (iOS 13 から 25)
iOS 26 未満では、同じ呼び出しで自社のグラデーションとカラーによるソリッドなバナーが表示されます。古い Swift ツールチェーンではぼかし効果のビューにフォールバックします。1 つの設定で 3 つすべてに対応します。
カード画像と GIF
タイトル、メッセージ、カード画像、アニメーション GIF。すべてプッシュ通知が既に持っているペイロードから読み込みます。
モーション、触覚フィードバック、表示時間
表示時のアニメーション、balls または regularPush による閉じるアニメーション、7 段階から選べる到着時の触覚フィードバック、バナーが自動で消えるまでの秒数を設定できます。
設定できる項目
| プロパティ | 設定内容 | 値 |
|---|---|---|
useLiquidView | iOS 26 の Liquid Glass マテリアル | Bool、デフォルトは false |
gradientColors、backgroundColor | バナーを描画する背景面 | ブランドカラー |
titlePushColor、messagePushColor | 2 行のテキストの色 | ブランドカラー |
titlePushFont、messagePushFont | 2 行のテキストの書体 | アプリに含まれる任意のフォント |
usePushAnimation | 表示時のアニメーション | Bool、デフォルトは true |
duration | バナーが消えるまでの表示時間 | 秒 |
vibration | 到着時の触覚フィードバック | none、light、medium、heavy、soft、rigid、notification |
disappearedPushAnimation | バナーが画面から消える方法 | balls または regularPush |
style | 組み込みレイアウト | style1（現在利用できる唯一のスタイル） |
useLiquidViewfalsegradientColors、backgroundColortitlePushColor、messagePushColortitlePushFont、messagePushFontusePushAnimationtruedurationvibrationnone、light、medium、heavy、soft、rigid、notificationdisappearedPushAnimationballs または regularPushstylestyle1（現在利用できる唯一のスタイル）設定する場所
起動時に 1 回の呼び出し
didFinishLaunchingWithOptions で foregroundNotificationWith(style:duration:vibration:disappearedPushAnimation:) を呼び出し、外観のプロパティを設定します。アプリ全体で一度設定するだけです。
到着時に 1 回の呼び出し
PWMessagingDelegate.onMessageReceived コールバックから showForegroundPush(userInfo:) を呼び出すと、メッセージのペイロードから直接バナーが描画されます。
タップ用のデリゲートは 1 つ
PWForegroundPushDelegate.didTapForegroundPush(userInfo:) がペイロード全体を渡すため、タップするとキャンペーンで意図したとおりの画面にディープリンクします。
カスタマージャーニーの中での役割
1 通のプッシュ通知、3 つの表示形式
フォアグラウンドバナーは、既に送信しているメッセージの表示モードの 1 つです。セグメント、トリガー、ペイロード、同じカスタマージャーニー内のステップはすべて同じです。変わるのは、到着時に端末がそれをどう扱うかだけです。
アプリが閉じていれば、メッセージは通常のシステムプッシュとして届くか、Live Activity を更新します。アプリが開いていれば、SDK がこのバナーを描画します。オファーやフォームを含む全画面表示が必要な場面では、同じジャーニーがアプリ内メッセージに切り替えます。
読者が記事を読んでいる最中に速報が入る
編集部のイベントがジャーニーを起動します。サイレントプッシュが読者に見えないところでバックグラウンドで記事を事前に読み込み、その直後にアラートが届きます。
アプリを閉じている読者にはロック画面にシステムプッシュが表示されます。既にアプリ内にいる読者には、読んでいた記事の上にメディア独自のバナーがサムネイル付きでスライド表示され、1 回タップすると新しい記事にディープリンクします。どちらの場合も、Message Inbox にアラートが残ります。
活用シーン
このバナーが表示されるのはユーザーがアプリ内にいる間だけです。そのため価値はセッション中の配信密度、つまり配信のうちどれだけが既に開いている画面に届くかに比例します。セッションが長いアプリほど効果が大きく、ポケットの中のスマートフォンにメッセージが届くことが多いアプリではほとんど効果がありません。
| シーン | メッセージの内容 | バナーが適している理由 |
|---|---|---|
| メディア、ニュース：記事を読んでいる最中の速報 | 判決が出ました | 読者は既にアプリ内におり、システムバナーはメディア独自のデザインを妨げる |
| ストリーミング：エピソード視聴中の新作公開 | シーズン 3 配信開始 | システム UI ではなく、作品のアートワーク付きでアラートを届けられる |
| モバイルゲーム：対戦中のイベントや報酬 | 「あなたの番です」「レイドまであと 5 分」 | セッションが長く、プッシュ通知の多くはプレイ中に届く。アートに合わせたバナーはゲーム UI になじむ |
| クリエイター、サブスクリプションアプリ：新作の公開や無料トライアルの案内 | フォロー中のアーティストの新作 | 丁寧にデザインされたアプリなら、この瞬間をシステムに任せるべきではない。タップでペイウォールにディープリンクできる |
| スポーツ中継：アプリで観戦中のゴール | 1-0、68 分 | ユーザーはその試合のためにアプリを開き、プッシュ通知が届いた時点で観戦している |
| EC、マーケットプレイス：閲覧中の値下げ | あなたのサイズが再入荷しました | スクロール中に表示されるデザインされたバナーは、割り込みではなくストアの一部として読まれる |
| フィンテック：アプリ内の操作中の確認 | 振込が完了しました | ユーザーが待っているまさにその瞬間に、ブランドの確認表示がネイティブに感じられる |
別の表示手段が適しているケース
このバナーは、簡素なシステムアラートと全画面のアプリ内表示の中間に位置する、ひと目で読める表示手段です。その両側に当てはまる場面も数多くあります。
- アプリが閉じているときに届く場面：配達員の到着、搭乗ゲートの変更、不正利用アラートなど。通常のプッシュ通知、割り込みレベル、Live Activity を使います。
- 一瞬ではなく継続する状態：処理中の注文、移動中の配車、試合のスコアなど。これは Live Activity の役割です。
- 全画面が必要なメッセージ：オファー、フォーム、ペイウォールなど。よりリッチでノーコードで作成できるアプリ内メッセージを使います。
- 受信者やメッセージ内容を変えたい場合：この機能が変えるのは見た目だけです。リーチはモバイルプッシュ通知が担います。
対応プラットフォームと技術仕様
このモジュールは iOS 専用です。iPhone ユーザーの多い日本市場では、特に効果を発揮しやすい領域です。Android のフォアグラウンド時の挙動は通知チャネルで制御され、Pushwoosh SDK はアプリのコードで登録するのではなく、プッシュ通知のペイロードからチャネルを作成します。Web には同等の表示領域はありません。最後の列は実際にバナーを描画する主体を示しています。この機能の大部分はサーバーではなくアプリ内にあるためです。
| 機能 | iOS | Android | Web | 提供元 |
|---|---|---|---|---|
| カスタムフォアグラウンドバナー | iOS 13.0 以降、Pushwoosh SDK 6.10.0 以降 | – | – | アプリ内の PushwooshForegroundPush モジュール |
| Liquid Glass マテリアル | iOS 26、Swift 5.13 以降 | – | – | useLiquidView で有効にする Apple のマテリアル |
| ソリッドバナーへのフォールバック | iOS 26 未満、Swift 5.13 以降 | – | – | SDK が描画する標準ビュー |
| ぼかしバナーへのフォールバック | すべての iOS、Swift 5.13 未満 | – | – | SDK が描画するぼかし効果のビュー |
| タイトル、メッセージ、カード画像、GIF | 対応 | – | – | プッシュ通知のペイロード（変更なし） |
| ブランドカラー、グラデーション、フォント | 対応 | – | – | モジュールの静的な外観プロパティ |
| 触覚フィードバック、表示と終了のアニメーション、表示時間 | 対応 | – | – | アプリ起動時の foregroundNotificationWith |
| タップ処理とディープリンク | 対応 | – | – | PWForegroundPushDelegate.didTapForegroundPush |
| 外観のノーコード設定 | – | – | – | 現時点では非対応。スタイルはアプリのコードで設定 |
| 他プラットフォームで同等のセッション中の表示手段 | アプリ内メッセージ、Live Activities | アプリ内メッセージ | アプリ内メッセージ | 別製品。コントロールパネルでノーコードで作成 |
PushwooshForegroundPush モジュールuseLiquidView で有効にする Apple のマテリアルforegroundNotificationWithPWForegroundPushDelegate.didTapForegroundPushセキュリティとホスティング
Pushwoosh は米国とドイツにある自社ハードウェア上で稼働し、GDPR に準拠して運用されています。
仕組み
この機能には開発工数が必要です。フォアグラウンドの見た目を設定するコントロールパネルの作成画面はないため、開発者がアプリに一度組み込めば、あとは今までどおりの配信を行うだけです。
-
モジュールを追加し、フォアグラウンド表示をアプリに任せる (開発者)
PushwooshFramework、PushwooshCore、PushwooshBridge、PushwooshLiveActivitiesと並べてPushwooshForegroundPushを追加し、Info.plistでPushwoosh_SHOW_ALERTをfalseに設定します。バナーは iOS 標準のアラートに加わるのではなく置き換えるため、これで iOS 自体のアラート表示が止まります。 -
見た目を一度設定 (開発者)
didFinishLaunchingWithOptionsでforegroundNotificationWith(style:duration:vibration:disappearedPushAnimation:)を呼び出し、カラー、グラデーション、フォントの外観プロパティを設定します。各メッセージはonMessageReceivedからshowForegroundPush(userInfo:)で描画し、タップはdidTapForegroundPushで処理します。 -
今までどおりに配信 (ノーコード)
キャンペーンをコントロールパネルから作成しても Messages API から送信しても、オーディエンス、カスタマージャーニー、ペイロードはすべて同じです。バナーは、そのプッシュ通知がアプリの起動中に届いたときの表示形式です。
知っておきたい制限事項
関連製品を見る
Pushwooshのモバイルプッシュ通知は、あらゆるデバイスへのリーチ、リッチコンテンツ、精密なターゲティングを実現します。クロスチャネルジャーニーと99%の稼働率で、通知を優良顧客への入口に変えます。
Pushwooshのアプリ内メッセージなら、ユーザーがアプリに集中しているまさにその瞬間に、オンボーディング・アップセル・お知らせ・フィードバック収集を実現できます。ノーコードエディタ、ネイティブSDKテンプレート、要素ごとの分析機能を搭載。GDPR準拠。無料で始められます。
配信中のプッシュ通知にラベル付きのアクションボタンを追加し、承認、受け取り、追跡を 1 タップで。iOS 用のボタンセットはノーコードで作成し、既存のキャンペーンとジャーニーから送信できます。
注文、配車、配送の進捗を Android 16 のロック画面に 1 枚のカードで表示し、自動で更新。Pushwoosh がサーバーから開始、更新、終了を制御します。
1 通の iOS プッシュ通知に複数の画像を載せ、展開した通知でスワイプして閲覧。Pushwoosh が Notification Content Extension を提供し、既存のキャンペーンとジャーニーから送信できます。
アプリと Web サイトにお知らせセンターを追加。サイレント配信でプッシュ通知を許可していないユーザーにも届き、保存したメッセージはいつでも見返せます。