Rakuten 24 在 PWA 上投入心力,讓使用者留存率提升 450%

讓使用者安裝網頁應用程式能夠提高流量、訪客留存率、每位客戶銷售量和轉換次數。

Rakuten 24 是 Rakuten 提供的網路商店,這是日本最大的電子商務公司之一。提供各式各樣的日常用品,包括雜貨、藥物、醫療照護和廚房用具。該團隊去年的主要目標是提升行動顧客留存率和再互動率。將網頁應用程式可安裝之後,相較於先前的行動版網站流程,他們在 1 個月期間內發現訪客留存率上升 450%。

在提高市佔率及改善使用者體驗的過程中,樂天 24 找出以下方面的商機:

  • 樂天 24 是一項相對全新的服務,無法投入時間和成本開發適用於 iOS 和 Android 的平台專屬應用程式,而是希望以有效率的替代方法填補這樣的缺口。
  • 樂天產業的電子商務市集 (Rakuten-Ichiba) 是日本最大的服務,許多人認為樂天 24 是樂天世界 (Rakuten-Ichiba) 的賣家。因此,他們瞭解有必要投資品牌知名度提升,並提升使用者留存率。

他們使用的工具

可安裝性

為了掌握上述兩個商機,樂天 24 決定先以安裝能力為基礎,逐步建構漸進式網頁應用程式 (PWA) 功能。實作安裝性有助於提高流量、訪客留存率、每位客戶銷售量和轉換次數。

beforeinstallprompt

為了更靈活地控管安裝對話方塊的行為,團隊透過 beforeinstallprompt 事件實作自己的安裝提示。如此一來,他們就能偵測應用程式是否已安裝在 Android 或 iOS 上,並為使用者提供更實用、更切合需求的體驗。

自訂安裝操作說明

如果使用者無法從橫幅安裝 PWA,就要建立自訂指南 (從橫幅連結),並說明如何在 Android 和 iOS 裝置上手動安裝 PWA。

自訂安裝操作說明的螢幕截圖。

適用於 Service Worker 的 Workbox

Rakuten 24 團隊使用 Workbox (精確的 workbox-webpack- 外掛程式),確保 PWA 能正常運作,即使使用者離線或網路連線不佳。用於控管快取的 Workbox API 運作成效遠勝過 Rakuten 24 先前的內部指令碼。而且,workbox-webpack- 外掛程式 (和 Babel) 也能自動化處理支援更多瀏覽器的程序。為了進一步提升網路韌性,他們針對 CSS 和 JS 資產導入了快取優先策略,並針對不會經常變更的映像檔使用 sold-while-revalidate 策略。

整體業務成果

自從導入可安裝性以來,樂天 24 讓每位使用者的造訪頻率比其他網路使用者高出 310%。此外,相較於先前的行動版網站流程,訪客留存率提高 450%,每位客戶帶來的銷售量增加 150%,轉換率也提升 200%。所有改善項目都是在 1 個月內觀察到的結果。

每位使用者的造訪頻率增加 310%。訪客留存率提高 450%每位客戶帶來的銷售量增加 150%,轉換率提高 200%。

提高可安裝性帶來的其他業務成效

  • 品牌知名度提升:由於使用者可以直接從主畫面存取樂天 24,因此可同時協助使用者和樂天 (Rakuten 24) 和樂天國際 (Rakuten-Ichiba) 分開。
  • 效率:樂天 24 能夠達到這些成果,而且無須投入大量時間和金錢來建構適用於 iOS 和 Android 的平台專屬應用程式。

我們的使命是透過創新及創業來創造價值,為社會貢獻一己之力。為達成這個目標,第一步是導入 A2HS,藉此提升樂天 24 的客戶體驗。我們也計劃在不久的將來,使用 Web Push API 開發推播通知,提升 PWA 參與度和客戶主張。

樂天公司集團行銷部門總經理 Maashi Watanabe

如需更多印度和亞洲的成功案例,請參閱「Scale on Web 個案研究」頁面。