PWA 落地页:结构、安装引导流程与该看的指标(2026)
PWA 落地页要做的事,比普通落地页多一层:它要让人把这个 App 留在手机上,而不只是把页面看完。它的转化事件是"添加到主屏幕",而这个动作在两个平台上的实现方式完全不同。忽略这个差异的页面,会在 iOS 流量上无声地损失掉大部分转化。
它和普通落地页差在哪
普通落地页的终点是表单或下单,PWA 落地页的终点是一个由浏览器而不是你的页面掌控的系统级动作:
- 在 Android / Chromium 上,满足 manifest 要求后浏览器会抛出可安装事件。你的页面可以接住它,在自己选定的时机弹出自己的按钮。
- 在 iOS 上,根本没有可程序化触发的提示。用户必须打开分享菜单点「添加到主屏幕」,你的页面只能教他怎么点。
也就是说,这张页面同时面对两类用户、两条流程,判断当前是哪一类不是可选项。前提当然是这个 App 本身可安装——字段清单见 PWA manifest 清单要求。
与流程对齐的页面结构
首屏:一个承接、一个动作。 广告流量是带着素材给出的预期来的。如果标题没有用访客的语言把这个预期复述一遍,那在其他一切生效之前,返回键就已经赢了。
安装入口要显眼,不要藏。 在 Android 上,接住可安装事件后用自己的按钮承接,把它放进阅读动线里,而不是丢在角落浮着。页面一加载、用户还不知道这是什么就触发浏览器原生提示,是把唯一一次机会烧掉的最常见方式。
按平台分支的操作指引。 iOS 用户需要一段三步图示:分享 → 添加到主屏幕 → 添加。纯文字的效果明显不如一张真实菜单截图,因为用户是在找那个图标,不是在找那几个字。
简短说明能力与边界。 App 能做什么、要不要付费、需不需要账号。安装意味着占用主屏空间,含糊会被读成风险。
不要有阻挡首屏渲染的东西。 插屏、Cookie 墙、大体积首屏视频,都卡在"你已经付费的那次点击"和"你想要的那个动作"之间。
性能本身就是转化链路的一环
广告流量是移动端、常在弱网、且几乎总是冷缓存。有两条比微优化更重要:
- 先把安装链路发出去。 manifest、图标、首屏、安装逻辑,不应该排在一个大 JS 包后面,其余内容随后再流式加载。
- 别让 Service Worker 拖慢首访。 缓存帮的是回访用户;首访时一个立即注册、预缓存清单又长的 worker,只是在和页面本身抢带宽。离线缓存的能力边界见 PWA 离线支持。
该看哪些指标
把这张页面当成一个按平台拆开的漏斗看,因为一个笼统的"安装率"恰好会盖住你真正要找的那个断点:
|
环节 |
要记录的事件 |
|---|---|
|
落地 |
页面浏览,带平台与流量来源 |
|
具备条件 |
可安装事件已触发(Android)/ iOS 指引区块已展示 |
|
意向 |
点击了你的安装按钮,或展开了指引区块 |
|
安装 |
已安装事件(Android)/ 以 standalone 模式首次启动 |
|
留存 |
之后几天里以 standalone 模式的回访次数 |
standalone 模式启动是唯一在两个平台都成立的信号:App 不带浏览器界面打开,就说明它是从主屏幕启动的。在 iOS 上这基本是你唯一的安装度量,所以要专门埋点,而不是拿点击去倒推安装。
两个值得盯的诊断模式:
- 意向高、安装低——浏览器提示被关掉了,或者 iOS 指引不清楚、甚至展示给了错误的平台。
- 安装高、无回访——图标加上了却再没打开过。那是内容与价值的问题,不是页面的问题,落地页再改也解决不了。
常见错误
- 两个平台共用一套指引。 给 iPhone 用户看 Android 步骤(或反过来),读起来就是"这站坏了"。
- 一进页面就触发安装提示。 提示只能在你握着事件时展示,一次机会;在访客还不知道这是什么的时候花掉,等于浪费。
- 把"点了按钮"当成"装了"。 用户还要在你看不见的系统弹窗里确认一次。只有已安装事件或 standalone 启动才算数。
display留在browser。 App 会在普通标签页里打开,standalone 埋点永远不触发——而用户会觉得这次安装毫无意义。- 把流量投到
scope之外的 URL。 已安装窗口会把用户弹回浏览器标签页。 - 不在真机上测。 实体 Android 手机上的安装行为,与模拟器、桌面都不一样。
如果你还在这条路线和打包 Android 应用之间权衡,分发取舍见 PWA 与 APK 对比。
常见问题
PWA 落地页是什么?
一张以"把访客转化为 PWA 安装"为目标的页面,终点不是表单提交。它把普通落地页的信息承接,和按平台分支的安装流程组合起来:Android 上接住安装提示,iOS 上给分享菜单的操作指引。
安装提示能自动触发吗?
在 Chromium 上,只能在握着浏览器给出的可安装事件时调用,且每个事件只有一次机会——所以它应该跟在用户动作之后,而不是页面加载时。iOS 上则完全没有可程序化触发的提示。
怎么知道用户真的安装了?
Android 记录已安装事件;两个平台都记录 display 模式为 standalone 的启动。按钮点击只代表意向,不代表安装。
iOS 和 Android 需要做两张落地页吗?
不一定要两张页面,但安装那一段必须按平台分支。给 iPhone 用户展示 Android 步骤,是这类页面上最大也最容易避免的流失点之一。
PWA 落地页需要 Service Worker 吗?
可安装性不需要。为了回访性能和离线体验值得加,但在广告带来的首访里,不应该让它和页面加载抢资源。


