PWA 安装是一个转换事件。像对待一个人一样对待它。
让用户安装您的渐进式 Web 应用程序对于参与度至关重要。根据 Google 的说法，与基于浏览器的使用相比，安装的 PWA 产生的页面浏览量增加了 4 倍，会话持续时间延长了 80%，转化率提高了 3 倍。然而，未经优化，PWA 安装率平均仅为 3-5%。优化的安装流程可以将安装率提高到 15-20% 或更高。关键是了解何时以及如何根据用户的行为和参与信号提示用户进行安装。
在 x13apps，我们优化 PWA 安装和参与度，以最大限度地提高用户采用率。这是我们的策略。
Web 应用程序清单
Web 应用程序清单 (manifest.json) 控制 PWA 安装后的显示方式。基本清单属性：名称（初始屏幕的完整应用程序名称）、short_name（主屏幕标签的 12 个字符）、图标（192x192 和 512x512 PNG）、start_url（启动应用程序时打开的页面）、显示（无需浏览器镶边即可获得类似应用程序的体验）、theme_color（工具栏颜色）、background_color（初始屏幕背景）和方向（首选屏幕方向）。每个属性都会影响浏览器是否提供安装以及应用程序在安装后的显示方式。
清单优化提示：提供至少 2 种图标大小（192px 和 512px），使用带有透明背景的 PNG 图标，将显示设置为独立（不是浏览器），使用与您的品牌相匹配的独特背景颜色，并确保 start_url 与您的应用程序同源。无效的清单属性会完全阻止安装。使用 Lighthouse PWA 审核在启动前识别明显的问题。在实际设备上测试安装：Chrome DevTools 中的工作方式在实际设备上可能会有所不同。
智能安装提示
当用户到达时，切勿立即触发安装提示。他们还不知道您的应用程序。相反，请使用 BeforeInstallPromptEvent 来控制何时显示安装提示。跟踪指示安装准备情况的用户参与信号：现场时间（2 分钟以上）、访问的页面（3 个以上不同页面）、回访（2 个以上会话）以及关键转化操作（完成购买、创建帐户）。满足其中 2 个以上条件的用户安装的可能性比立即提示的用户高出 3 倍。
创建自定义安装 UI，而不是依赖默认浏览器提示。设计一个应用内安装横幅：解释其优点（保存以供离线使用，访问速度更快），出现在自然断点处（完成操作后，而不是在入门期间），通过按钮提供明确的号召性用语，并且可以在不永久隐藏的情况下消除（允许在后续访问后重新提示）。根据 Google 案例研究，自定义安装 UI 的转换速度是浏览器默认提示的 2-3 倍。
安装后参与度
安装是开始，而不是结束。安装的 PWA 必须提供持续的价值以防止被卸载。实施利用 PWA 功能的功能：推送通知（通过相关更新重新吸引用户）、后台同步（即使在用户离开后也能完成用户操作）和离线访问（在连接间隙期间启用使用）。来自 PWA 的推送通知可实现 30-40% 的点击率，而电子邮件的点击率仅为 1-3%。但过度使用驱动器会卸载。每周限制为 2-3 条通知，除非提供订单更新或预约提醒等时间敏感的值。
跟踪安装后参与度指标：每日活跃用户、会话频率、保留率（第 1 天、第 7 天、第 30 天）和卸载率。如果 30 天内卸载率超过 10%，请评估您的应用是否提供足够的持续价值。尽可能调查已卸载的用户，以了解他们离开的原因。实施网络应用横幅检测，以便在用户卸载后返回您的网站时提供重新参与。在 x13apps，我们构建了用户选择安装和保留的 PWA。欲了解更多信息，请阅读我们的PWA 离线优先策略指南。