Rakuten 24 投资 PWA，用户留存率提升 450%

通过合集保持井井有条 根据您的偏好保存内容并进行分类。

使其 Web 应用可安装后，网站流量、访客留存率、每位客户销售额和转化次数均有所增加。

Rakuten 24 是由日本最大的电子商务公司之一乐天提供的在线商店。它提供各种各样的日常用品，包括食品杂货、药品、保健品、厨具等。该团队过去一年的主要目标是提高移动客户的留存率和重新互动率。通过使其 Web 应用可安装，与之前的移动 Web 流程相比，在一个月的时间范围内，访客留存率跃升了 450%。

突出机遇

为了努力获得市场份额并改善用户体验，Rakuten 24 确定了以下机遇领域：

• 作为一项相对较新的服务，Rakuten 24 无法投入时间和成本来开发适用于 iOS 和 Android 的平台专用应用，因此正在寻求一种替代、高效的方式来填补这一空白。
• 由于乐天市场（Rakuten 的电子商务市场）是日本最大的服务，许多人认为 Rakuten 24 是乐天市场的卖家。因此，他们认识到有必要投资于品牌知名度并提高用户留存率。

他们使用的工具

可安装性

为了抓住上述两个机遇，Rakuten 24 决定以增量方式构建 渐进式 Web 应用 (PWA) 功能，首先从可安装性开始。实施可安装性后，网站流量、访客留存率、每位客户销售额和转化次数均有所增加。

beforeinstallprompt

为了更灵活地控制其安装对话框的行为，该团队使用 beforeinstallprompt 事件实现了他们自己的安装提示。通过这样做，他们能够检测应用是否已安装在 Android 或 iOS 上，并为用户提供更有意义和相关的体验。

自定义安装说明

对于无法通过横幅安装 PWA 的用户，他们创建了一个自定义指南（从横幅链接）其中包含有关如何在 Android 和 iOS 设备上手动安装 PWA 的说明。

用于 Service Worker 的 Workbox

Rakuten 24 团队使用 Workbox（准确地说是 workbox-webpack-plugin）来确保他们的 PWA 即使在用户离线或网络状况不佳的情况下也能良好运行。Workbox 用于控制缓存的 API 比 Rakuten 24 以前的内部脚本效果更好。此外，借助 workbox-webpack-plugin（和 Babel），能够自动化支持更广泛浏览器的过程。为了进一步构建网络弹性，他们为 CSS 和 JS 资源实施了缓存优先策略，并为不经常更改的图像使用了过时-同时重新验证。

总体业务成果

通过可安装性改进业务的其他方式

• 品牌知名度：由于用户可以直接从主屏幕访问 Rakuten 24，这有助于用户和 Rakuten 将 Rakuten 24 与乐天市场区分开来。
• 效率：Rakuten 24 无需花费大量时间和金钱为 iOS 和 Android 构建平台专用应用，即可取得这些成果。

我们的使命是通过创新和创业为社会创造价值。实现这一目标的一个步骤是通过实施 A2HS 来改善 Rakuten 24 客户体验。在不久的将来，我们还计划通过使用 Web Push API 开发推送通知来增强我们的 PWA 参与度和客户主张。

乐天株式会社集团营销部总经理 Masashi Watanabe

查看在 Web 上规模化案例研究页面，了解更多来自印度和亚洲的成功案例。