iOS 图片轮播推送

在一条推送中展示多个内容

轮播推送把一组图片放进一条 iOS 通知,用户可以左右滑动浏览。Pushwoosh 提供渲染它的通知内容扩展,轮播推送与其他推送共用同一活动、细分和旅程。

三部 iPhone 组合展示,每部都显示一条展开为可滑动图库的推送通知:第一部为时尚商品,第二部为旅行目的地,第三部为游戏角色

超过 80,000 家企业借助 Pushwoosh 扩大用户互动

轮播推送全解析

普通推送只有一行文字,富媒体推送多了一张图片,而轮播推送携带一组图片,iPhone 用户下拉通知后即可逐张翻看,每张幻灯片都有自己的说明文字和点击目标。

折叠横幅

展开前,通知看起来和其他推送一样:一个标题、一行文字,最多一张缩略图。

展开的图库

长按或下拉即可打开图库,用户左右滑动浏览全部图片。

每张幻灯片的说明文字

每张图片都可以带上自己的文字,价格、尺码或出发日期与对应的图片一起呈现。

每张幻灯片的点击操作

点击某张幻灯片,打开它背后的页面,每个商品都深度链接到自己的页面,而不是共用一个落地页。

翻页控件

App 注册一个通知类别,其操作按钮可以切换到下一张和上一张幻灯片,与滑动手势并存。

您自己的布局

图库由 App 中的 view controller 渲染,因此字体、配色和间距都遵循您的设计,而不是固定模板。

轮播处于单张图片与全屏页面之间的哪个位置

当您有发送什么在哪里呈现
一行文字普通推送横幅
一张图片或 GIF富媒体推送展开的通知
多张需要翻看的图片图片轮播推送下拉后展开的通知
布局、表单或视频Rich Media 页面点击后在 App 内打开的全屏
当您有
1 / 4
一行文字
发送什么
在哪里呈现
横幅
当您有
2 / 4
一张图片或 GIF
发送什么
在哪里呈现
展开的通知
当您有
3 / 4
多张需要翻看的图片
发送什么
图片轮播推送
在哪里呈现
下拉后展开的通知
当您有
4 / 4
布局、表单或视频
发送什么
Rich Media 页面
在哪里呈现
点击后在 App 内打开的全屏

在用户旅程中发挥作用

一个旅程,多种形式

轮播是您已在发送的消息的一个属性。受众、触发器、细分和用户档案都保持不变,形式只改变消息到达时的样子。

您在编写推送、应用内消息、邮件和 Web 推送的同一个 Customer Journey 中编写它。集成和受众都是您现有的。

一个被放弃的购物车,全流程挽回

以跨境电商 App 为例:一位海外购物者加购了三件商品后离开。一条静默推送在后台预热商品数据,用户察觉不到;随后轮播推送到达,三件商品各占一张幻灯片。

购物者滑到那双鞋,点击,进入该商品页面。如果推送未被打开,同一个旅程会在下次打开 App 时发送应用内消息,并在第二天发送邮件跟进。

适用场景

当一条消息有不止一个视觉内容要表达时,轮播才值得投入配置。如果只有一张主图,富媒体推送就能以轻得多的开发量完成同样的任务。

场景轮播承载的内容用户的操作
跨境电商:购物车挽回购物车中剩下的商品,每张一件滑到仍然想要的那件,点击进入商品页
交易平台:保存的搜索有新匹配多条新上架商品,各带价格翻看商品,打开值得细看的那一条
出海手游:新内容上线新角色、皮肤和礼包优惠打开商店页面前先看到全部新内容
创作者类 App:召回上次访问以来的新模板和内容包找到值得回来的理由
旅行:机票降价一次发送多个目的地或优惠滑到合适的行程,打开对应票价
活动:本周末节目单多场演出或多位艺人,各带日期选一个晚上,进入购票页面
外卖配送:促销时段热门菜品或新菜单浏览一组内容,从停下的那张幻灯片下单
场景
1 / 7
跨境电商:购物车挽回
轮播承载的内容
购物车中剩下的商品,每张一件
用户的操作
滑到仍然想要的那件,点击进入商品页
场景
2 / 7
交易平台:保存的搜索有新匹配
轮播承载的内容
多条新上架商品,各带价格
用户的操作
翻看商品,打开值得细看的那一条
场景
3 / 7
出海手游:新内容上线
轮播承载的内容
新角色、皮肤和礼包优惠
用户的操作
打开商店页面前先看到全部新内容
场景
4 / 7
创作者类 App:召回
轮播承载的内容
上次访问以来的新模板和内容包
用户的操作
找到值得回来的理由
场景
5 / 7
旅行:机票降价
轮播承载的内容
一次发送多个目的地或优惠
用户的操作
滑到合适的行程,打开对应票价
场景
6 / 7
活动:本周末节目单
轮播承载的内容
多场演出或多位艺人,各带日期
用户的操作
选一个晚上,进入购票页面
场景
7 / 7
外卖配送:促销时段
轮播承载的内容
热门菜品或新菜单
用户的操作
浏览一组内容,从停下的那张幻灯片下单
形式只完成了一半工作,另一半是您放进去的内容

50 个值得借鉴的推送通知案例,附让它们奏效的文案与创意思路。

获取案例

平台与技术支持

各操作系统对轮播的支持程度不一。最后一列说明哪些情况下形式就是推送本身,哪些情况下推送只携带 payload,由您的 App 渲染。

能力iOSAndroidWeb实现方式
可滑动的多图图库iOS 10+––App 中的通知内容扩展,渲染推送 payload
通知上的翻页操作iOS 10+––App 启动时注册的通知类别
每张幻灯片的说明文字和点击操作iOS 10+––您的扩展代码,读取 payload
展开通知中的单张图片iOS 10+Android 4.1+,单张大图Chrome推送本身
通知上的操作按钮iOS 10+,最多 4 个AndroidChrome推送本身
带布局和表单的全屏展示支持支持–点击后打开的 Rich Media 页面
能力
1 / 6
可滑动的多图图库
iOS
iOS 10+
Android
–
Web
–
实现方式
App 中的通知内容扩展,渲染推送 payload
能力
2 / 6
通知上的翻页操作
iOS
iOS 10+
Android
–
Web
–
实现方式
App 启动时注册的通知类别
能力
3 / 6
每张幻灯片的说明文字和点击操作
iOS
iOS 10+
Android
–
Web
–
实现方式
您的扩展代码,读取 payload
能力
4 / 6
展开通知中的单张图片
iOS
iOS 10+
Android
Android 4.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. 一次性接入扩展 (开发人员)

    为 App 添加 Notification Content Extension target,放入 Pushwoosh 的轮播 view controller 示例,并在启动时注册轮播类别。它与单图富媒体推送已在使用的 service extension 并存。

  2. 编写消息 (无代码或 API)

    在 Control Panel 或通过 Messages API 构建推送,附上图片并设置对应的类别。每张幻灯片都会在收到时下载,因此请把图片托管在 CDN 上,并控制每张图片的大小。

  3. 编排 (无代码)

    从与其他消息相同的 Customer Journey 发送给同一细分。深度链接、自定义数据和个性化的表现与普通推送完全一致。

需要了解的限制

这种形式适用面较窄,以下是它的边界。

  • 仅限 iOS。Android 的展开通知只显示一张大图,没有对应的图库形式。
  • 组装轮播属于开发工作。Pushwoosh 提供扩展代码和 payload 约定,Control Panel 负责围绕它编写消息。
  • 配置需要单独的通知内容扩展,此外还需要富媒体推送本就要求的 service extension。
  • 图库只有在长按或下拉后才会出现。在此之前,横幅只显示一行文字和最多一张缩略图。
  • 每张幻灯片都在收到时下载。请控制每张图片的大小,托管在 CDN 上,并尽量少放几张。
  • 送达报告只能看到推送,滑动发生在设备上。每张幻灯片的互动情况需要通过您自己的应用内事件来衡量。

在一条推送中展示多个内容

一组可以翻看的图片,把用户真正想要的那件商品交到他手上,而不是您猜测的那一件。与我们的团队聊聊轮播推送,或在免费套餐上开始构建。