iOS 画像カルーセルプッシュ

1 通のプッシュ通知で、複数のものを見せる

カルーセルプッシュは 1 つの iOS 通知に複数の画像を載せ、ユーザーがスワイプして閲覧できるようにします。表示に使う Notification Content Extension は Pushwoosh が提供し、カルーセルは他のプッシュ通知と同じキャンペーン、セグメント、ジャーニーから送信できます。

まとめて並べた 3 台の iPhone。それぞれ展開されたプッシュ通知がスワイプできる画像ギャラリーとして開かれ、1 台目にはファッション商品、2 台目には旅行先、3 台目にはゲームのキャラクターが表示されている

80,000 社以上の企業に信頼され、エンゲージメントの拡大を支えています

カルーセルプッシュの全体像

通常のプッシュ通知が運ぶのは 1 行のテキストです。リッチプッシュはそこに画像を 1 枚加えます。カルーセルプッシュは、iPhone ユーザーが通知を引き下げた後にめくって見られる複数の画像を運び、スライドごとに独自のキャプションとタップ先を持たせられます。

折りたたまれたバナー

展開する前の通知は他のプッシュ通知と同じで、タイトル、1 行のテキスト、最大 1 枚のサムネイルが表示されます。

展開したギャラリー

長押しまたは引き下げでギャラリーが開き、ユーザーは左右にスワイプしてすべての画像を閲覧できます。

スライドごとのキャプション

画像ごとに独自のテキストを付けられるため、価格、サイズ、出発日などを対応する写真と一緒に伝えられます。

スライドごとのタップアクション

スライドをタップすると、そのスライドに対応する画面が開きます。各アイテムが共通のランディング画面ではなく、それぞれのページにディープリンクします。

ページ送りの操作

アプリが通知カテゴリーを登録し、そのアクションでスワイプ操作に加えて次のスライドと前のスライドに移動できます。

独自のレイアウト

ギャラリーはアプリ内のビューコントローラーが描画するため、書体、カラー、余白は固定のテンプレートではなく自社のデザインに従います。

1 枚の画像と全画面ページの間にあるカルーセルの位置づけ

伝えたい内容送るもの表示される場所
1 行のテキスト通常のプッシュ通知バナー
1 枚の画像または GIFリッチメディアプッシュ展開した通知
めくって見せたい複数の画像画像カルーセルプッシュ引き下げて展開した通知
レイアウト、フォーム、動画Rich Media ページタップで開くアプリ内の全画面
伝えたい内容
1 / 4
1 行のテキスト
表示される場所
バナー
伝えたい内容
2 / 4
1 枚の画像または GIF
表示される場所
展開した通知
伝えたい内容
3 / 4
めくって見せたい複数の画像
送るもの
画像カルーセルプッシュ
表示される場所
引き下げて展開した通知
伝えたい内容
4 / 4
レイアウト、フォーム、動画
送るもの
Rich Media ページ
表示される場所
タップで開くアプリ内の全画面

カスタマージャーニーの中での役割

1 つのジャーニーで、さまざまな形式を

カルーセルは、既に送っているメッセージの属性の 1 つです。オーディエンス、トリガー、セグメント、顧客プロフィールはそのままで、形式が変えるのはメッセージが届いたときの見え方だけです。

作成は、プッシュ通知、アプリ内メッセージ、メール、Web プッシュと同じカスタマージャーニーで行います。連携設定もオーディエンスも、既にあるものをそのまま使えます。

カゴ落ちを、最初から最後までフォロー

買い物客が 3 つの商品をカートに入れたまま離脱します。サイレントプッシュがユーザーに見えないところで商品データをバックグラウンドで読み込み、続いてその 3 つの商品を 1 スライドずつ載せたカルーセルプッシュが届きます。

買い物客は靴のスライドまでスワイプしてタップし、その商品ページに移動します。プッシュ通知が開封されなかった場合は、同じジャーニーが次回のアプリ起動時にアプリ内メッセージを、翌日にメールを送ってフォローします。

活用シーン

カルーセルの導入に見合うのは、メッセージで見せたいものが複数ある場合です。メインの画像が 1 枚だけなら、リッチメディアプッシュがはるかに軽い実装で同じ役割を果たします。

シーンカルーセルに載せるものユーザーの行動
EC:カゴ落ちカートに残った商品を 1 スライドに 1 つずつまだ欲しい商品までスワイプし、タップしてその商品ページに移動する
マーケットプレイス:保存した検索条件に一致価格付きの新着出品をいくつか出品をめくって、詳しく見たいものを開く
モバイルゲーム:新コンテンツの配信新キャラクター、スキン、セット販売ストア画面を開く前に、配信内容の全体を確認する
クリエイターアプリ:再エンゲージメント前回の訪問以降に追加されたテンプレートやコンテンツパック戻ってくる価値のあるものを見つける
旅行:運賃の値下げ1 通にまとめた複数の行き先やお得なプラン合う旅行までスワイプし、その運賃を開く
イベント:今週末のラインナップ日付付きの複数の公演やアーティスト行きたい日を選び、チケットページに移動する
フードデリバリー:期間限定のキャンペーン人気メニューや新メニュー一覧を眺め、目に留まったスライドから注文する
シーン
1 / 7
EC:カゴ落ち
カルーセルに載せるもの
カートに残った商品を 1 スライドに 1 つずつ
ユーザーの行動
まだ欲しい商品までスワイプし、タップしてその商品ページに移動する
シーン
2 / 7
マーケットプレイス:保存した検索条件に一致
カルーセルに載せるもの
価格付きの新着出品をいくつか
ユーザーの行動
出品をめくって、詳しく見たいものを開く
シーン
3 / 7
モバイルゲーム:新コンテンツの配信
カルーセルに載せるもの
新キャラクター、スキン、セット販売
ユーザーの行動
ストア画面を開く前に、配信内容の全体を確認する
シーン
4 / 7
クリエイターアプリ:再エンゲージメント
カルーセルに載せるもの
前回の訪問以降に追加されたテンプレートやコンテンツパック
ユーザーの行動
戻ってくる価値のあるものを見つける
シーン
5 / 7
旅行:運賃の値下げ
カルーセルに載せるもの
1 通にまとめた複数の行き先やお得なプラン
ユーザーの行動
合う旅行までスワイプし、その運賃を開く
シーン
6 / 7
イベント:今週末のラインナップ
カルーセルに載せるもの
日付付きの複数の公演やアーティスト
ユーザーの行動
行きたい日を選び、チケットページに移動する
シーン
7 / 7
フードデリバリー:期間限定のキャンペーン
カルーセルに載せるもの
人気メニューや新メニュー
ユーザーの行動
一覧を眺め、目に留まったスライドから注文する
形式は仕事の半分。残りの半分は、そこに何を載せるかです

参考にしたいプッシュ通知 50 選。成果を生んだ文面とクリエイティブを紹介します。

事例を見る

対応プラットフォームと技術仕様

カルーセルの対応状況は OS によって異なります。iPhone の利用者が多い日本市場では、iOS 専用の形式でも十分なリーチが見込めます。最後の列は、形式がプッシュ通知だけで完結するのか、プッシュ通知はペイロードを運ぶだけでアプリが描画するのかを示しています。

機能iOSAndroidWeb提供元
スワイプできる複数画像のギャラリーiOS 10 以降––プッシュ通知のペイロードを描画する、アプリ内の Notification Content Extension
通知上のページ送りアクションiOS 10 以降––アプリが起動時に登録する通知カテゴリー
スライドごとのキャプションとタップアクションiOS 10 以降––ペイロードを読み取る Extension のコード
展開した通知での画像 1 枚の表示iOS 10 以降Android 4.1 以降、大きな画像 1 枚Chromeプッシュ通知そのもの
通知上のアクションボタンiOS 10 以降、最大 4 つAndroidChromeプッシュ通知そのもの
レイアウトとフォームを備えた全画面の紹介対応対応–タップで開く Rich Media ページ
機能
1 / 6
スワイプできる複数画像のギャラリー
iOS
iOS 10 以降
Android
–
Web
–
提供元
プッシュ通知のペイロードを描画する、アプリ内の Notification Content Extension
機能
2 / 6
通知上のページ送りアクション
iOS
iOS 10 以降
Android
–
Web
–
提供元
アプリが起動時に登録する通知カテゴリー
機能
3 / 6
スライドごとのキャプションとタップアクション
iOS
iOS 10 以降
Android
–
Web
–
提供元
ペイロードを読み取る Extension のコード
機能
4 / 6
展開した通知での画像 1 枚の表示
iOS
iOS 10 以降
Android
Android 4.1 以降、大きな画像 1 枚
Web
Chrome
提供元
プッシュ通知そのもの
機能
5 / 6
通知上のアクションボタン
iOS
iOS 10 以降、最大 4 つ
Android
Android
Web
Chrome
提供元
プッシュ通知そのもの
機能
6 / 6
レイアウトとフォームを備えた全画面の紹介
iOS
対応
Android
対応
Web
–
提供元
タップで開く Rich Media ページ

セキュリティとホスティング

Pushwoosh は米国とドイツにある自社ハードウェア上で稼働し、GDPR に準拠して運用されています。

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

仕組み

カルーセルは開発者による実装が必要です。最初のステップは 1 回限りの開発作業で、その後はマーケティング担当者が他のプッシュ通知と同じようにカルーセルを作成し、配信予約できます。

  1. Extension を一度組み込む (開発者)

    アプリに Notification Content Extension のターゲットを追加し、Pushwoosh のサンプルのカルーセル用ビューコントローラーを組み込み、起動時にカルーセルのカテゴリーを登録します。これは、画像 1 枚のリッチプッシュで既に使っている Service Extension と並行して動作します。

  2. メッセージを作成 (ノーコードまたは API)

    コントロールパネルまたは Messages API でプッシュ通知を作成し、画像を添付して対応するカテゴリーを設定します。すべてのスライドは受信時にダウンロードされるため、画像は CDN でホストし、1 枚ずつのサイズを小さく保ちましょう。

  3. オーケストレーション (ノーコード)

    他のメッセージングと同じセグメントに、同じカスタマージャーニーから送信します。ディープリンク、カスタムデータ、パーソナライゼーションは、通常のプッシュ通知とまったく同じように動作します。

知っておきたい制限事項

適用範囲の限られた形式です。主な制約は以下のとおりです。

  • iOS 専用です。Android の展開した通知に表示できるのは大きな画像 1 枚で、ギャラリーに相当するものはありません。
  • カルーセルの組み立ては開発者の作業です。Pushwoosh は Extension のコードとペイロードの規約を提供し、コントロールパネルはそれに合わせてメッセージを作成します。
  • リッチプッシュで既に必要な Service Extension に加えて、専用の Notification Content Extension の設定が必要です。
  • ギャラリーが表示されるのは長押しまたは引き下げの後だけです。それまでのバナーには 1 行のテキストと最大 1 枚のサムネイルしか表示されません。
  • すべてのスライドは受信時にダウンロードされます。画像は小さく保って CDN でホストし、スライドの枚数は多くしすぎないようにしてください。
  • 配信レポートが把握するのはプッシュ通知までで、スワイプは端末上で行われます。スライドごとのエンゲージメントは、自社のアプリ内イベントで計測します。

1 通のプッシュ通知で、複数のものを見せる

めくって見られる複数の画像なら、こちらが推測した 1 つではなく、ユーザーが本当に欲しかったものを届けられます。カルーセルプッシュについてチームにご相談いただくか、無料プランで構築を始めましょう。

関連製品を見る

モバイルプッシュ通知

Pushwooshのモバイルプッシュ通知は、あらゆるデバイスへのリーチ、リッチコンテンツ、精密なターゲティングを実現します。クロスチャネルジャーニーと99%の稼働率で、通知を優良顧客への入口に変えます。

アプリ内メッセージ

Pushwooshのアプリ内メッセージなら、ユーザーがアプリに集中しているまさにその瞬間に、オンボーディング・アップセル・お知らせ・フィードバック収集を実現できます。ノーコードエディタ、ネイティブSDKテンプレート、要素ごとの分析機能を搭載。GDPR準拠。無料で始められます。

放棄されたカートを取り戻す

カート回復の自動化により、放棄されたカートを収益に変えます。タイミングの優れたリマインダー、パーソナライズされたオファー、そしてコンバージョンを促進するインセンティブを送信します。

モバイルゲーム向けのプッシュ通知

ゲームアプリ向けのモバイルプッシュ通知プラットフォーム。プレイヤーの継続的な参加を促すため、パーソナライズされたアラート、特別オファー、イベントのリマインダーを送信します。

Pushwoosh API

アプリおよび Web メッセージングを Pushwoosh API にオフローディングしましょう。プッシュ通知、メール、SMS、データストリームを当社が管理します。制限なく成功する製品を構築できます。

メッセージ受信箱

アプリと Web サイトにお知らせセンターを追加。サイレント配信でプッシュ通知を許可していないユーザーにも届き、保存したメッセージはいつでも見返せます。