Points Insider 推送入口 Demo

建议M1 导航栏图标铃铛（点击展开说明）

放在搜索图标左边，所有 Insider 页面都有。橙色小圆点提示「这里有新功能」，用户开启后消失。点击铃铛先展开说明气泡，点 Turn on 才弹系统权限窗。

• 每个 Insider 页面都有这个入口，改一个组件（InsiderMasthead，本来就是客户端组件）就行
• 占的位置小，不影响阅读，也不和广告位抢地方
• 单独一个图标不够醒目，需要小圆点或第一次访问时的提示来引导

可选M2 导航栏文字按钮「Follow / Following」

和 M1 位置相同，改成带文字的描边按钮，开启后变成实心的「Following」。可以直接点按钮就弹系统窗，因为按钮上的文字已经说明了用途。

• 一眼能看懂，「Following」让用户随时知道当前是开着的
• 手机上导航栏空间不够，放不下文字，手机端还是要退回 M1 的图标
• 「Follow」这个词的意思比较宽，用户可能以为是关注作者或社交关注

建议A1 文章末尾独立卡片

放在正文结束、邮件订阅框之前。读完一篇文章时，用户最可能想继续收到新文章。

三种状态：默认、已开启、浏览器已拦截（引导用户去浏览器设置，不会反复弹窗）

• 出现的时机最好，文案可以把好处说清楚
• 登录用户和访客都能看到（现有的邮件订阅框只给访客看）
• 和下面的邮件订阅框挨在一起，两个订阅入口连着出现，页面会显得重复。可以考虑已开启推送的用户隐藏这张卡片
• 按 AGENTS.md，正式文章页和预览壳 ArticleTemplate 要一起改，而且只能做成客户端小组件，不能让正式页整个变成客户端组件

可选A2 并入现有邮件订阅框

在「Get Points Insider in Your Inbox」下面加「or → Get browser notifications instead」。

• 不新增区块，订阅方式集中在一个地方
• 现有订阅框只给访客看，登录用户在这个位置看到的是广告，所以登录用户看不到这个入口
• 和邮件订阅是「二选一」的写法，会分走一部分邮件订阅

可选A3 作者/分享行的「Follow Insider」

标题下方，和分享图标在同一行。

• 一打开文章就能看到，而且很低调
• 用户这时候还没读内容，最不可能想订阅；按钮夹在分享图标旁边，容易被当成分享按钮
• 手机上这一行的分享图标是隐藏的（hidden lg:flex），要重新设计手机端的位置

不建议 Phase 1F1 读到约 60% 时浮层

桌面端出现在左下角（右下角已经被 playwire 的贴底视频广告占了，见截图），手机端是从底部弹出的面板。点 Not now 后 N 天内不再出现。

• 能被看到的次数最多
• 打扰阅读；手机端底部面板会和广告、reCAPTCHA 标志抢位置
• 要自己控制出现频率，否则很像营销弹窗

对比

建议 Phase 1 用 M1 + A1，所有入口统一用同一套开启逻辑和同一套状态（默认、已开启、已拦截），埋点仿照 InsiderPushOptIn@{placement}@{PC|Mobile}。