关于 popup-cro
popup-cro 是用于规划和优化网页及移动端弹窗的技能，面向负责转化与消息设计的团队。它涵盖格式、触发条件、受众、频率、合规、文案和 A/B 测试。
主要功能
- 01选择弹窗格式
- 02规划触发条件与受众
- 03设置频率上限与抑制规则
- 04提供文案与合规指导
- 05设计结构化 A/B 测试
适用场景
- 01规划线索收集弹窗
- 02设计适合移动端的促销弹窗
- 03处理多个弹窗之间的冲突
- 04测试弹窗文案和触发条件
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/popup-cro确认已加载。
包含的文件
除 SKILL.md 外，安装时一起下载的参考资料和脚本。
scripts/popup_ab_test_calculator.pypopup_roi_estimator.pypopup_strategy_auditor.py详细介绍
弹窗转化率优化
生产级弹窗优化框架，涵盖格式选择、触发机制设计、受众定向、频次上限、文案设计、合规要求和结构化 A/B 测试。适用于 Web 和移动端的线索收集、促销、公告和反馈弹窗。
目录
先行确认
设计弹窗前，请确认以下信息。如果有任何信息未知或含糊不清，请先询问，不要自行假设：
- 弹窗目的 — 收集线索、促销、公告或反馈（决定格式和触发条件）
- 当前运行的弹窗 — 用于解决多弹窗冲突和优先级问题
- 访客与设备构成 — 新访客与回访访客、移动端与桌面端（影响定向和移动端安全的格式选择）
- 合规制度 — GDPR/CCPA 同意要求（限制数据收集和同意体验）
停止规则：只询问最可能改变输出的 2-3 项。如果用户说“直接起草”，则继续，并在策略开头列出你的假设。
初步评估
必要背景信息
| 问题 | 重要性 |
|---|---|
| 弹窗的目的是什么？（收集线索、促销、公告、反馈） | 决定格式和触发条件 |
| 当前运行着哪些弹窗？ | 需要解决冲突 |
| 流量来源有哪些？（付费、自然、直接访问） | 影响定向和触发策略 |
| 新访客与回访访客的比例如何？ | 有助于个性化 |
| 移动端与桌面端流量比例如何？ | 影响移动端合规要求 |
| 当前弹窗表现如何？（如有） | 作为优化基线 |
| 是否有合规要求？（GDPR、CCPA） | 数据收集方面的法律限制 |
格式选择矩阵
| 格式 | 最适用场景 | 干扰程度 | 适配移动端 | 转化率 |
|---|---|---|---|---|
| 居中模态框 | 高价值优惠、退出意图 | 高 | 需适配 | 3-10% |
| 滑入式（角落） | 新闻简报、内容优惠 | 低 | 是 | 1-5% |
| 顶部栏 | 公告、促销 | 很低 | 是 | 0.5-2% |
| 底部栏 | Cookie 同意、行动号召 | 很低 | 是 | 0.5-2% |
| 全屏遮罩 | 重大促销、欢迎页 | 很高 | 否（Google 会惩罚） | 2-8% |
| 行内展开 | 文章中的内容升级 | 很低 | 是 | 2-7% |
| 退出意图模态框 | 最后一次挽回机会 | 中 | 仅桌面端 | 2-5% |
格式决策树
What is the goal?
├── Lead capture (email)
│ ├── Blog/content page → Slide-in (scroll trigger) or inline expansion
│ ├── Landing page → Exit-intent modal
│ └── Homepage → Time-delayed center modal
├── Promotion/discount
│ ├── E-commerce → Center modal (entry or timed)
│ └── SaaS → Top bar with countdown
├── Announcement
│ ├── New feature → Top bar (sticky)
│ └── Event/webinar → Slide-in or center modal
└── Feedback/survey
└── Post-interaction → Slide-in (bottom corner)
触发机制设计
触发类型与适用场景
| 触发条件 | 运作方式 | 最适用场景 | 风险 |
|---|---|---|---|
| 退出意图 | 鼠标移向浏览器关闭/返回按钮 | 最后一次挽回机会 | 仅桌面端 |
| 延时 | N 秒后出现 | 低承诺门槛的优惠 | 出现过早 = 令人反感 |
| 滚动深度 | 滚动到 N% 时出现 | 已投入阅读的访客 | 必须根据内容长度进行校准 |
| 页面浏览数 | 浏览 N 个页面后出现 | 多次访问后的互动 | 需要 Cookie 跟踪 |
| 点击触发 | 用户点击特定元素 | 线索磁铁、行动号召 | 需要明显的触发元素 |
| 不活跃 | N 秒无互动 | 重新吸引用户 | 可能令人反感 |
最佳触发设置
| 触发条件 | 设置 | 理由 |
|---|---|---|
| 时间延迟 | 15-30 秒 | 少于 10 秒会让人觉得咄咄逼人，超过 60 秒则会错过访客 |
| 滚动深度 | 50-70% | 用户已浏览了足够多的内容，开始产生兴趣 |
| 浏览页面数 | 2-3 个页面 | 访客已表现出对单个页面之外内容的兴趣 |
| 离站意图 | 鼠标移出视口 | 访客离开前的最后机会 |
| 点击触发 | 突出的 CTA 按钮或文本链接 | 用户明确表达了意图 |
触发条件组合
叠加触发条件，实现更精准的定向：
| 组合 | 适用场景 |
|---|---|
| 滚动 50% + 停留 20 秒 | 确保用户既有参与度，也在页面上停留了足够时间 |
| 浏览页面数达到 3 + 离站意图 | 仅向浏览过多个页面且正准备离开的访客展示 |
| 点击触发 + 尚未收集邮箱 | 仅向未订阅用户展示表单 |
受众定向
细分规则
| 细分群体 | 弹窗策略 |
|---|---|
| 新访客（首次访问） | 欢迎优惠、订阅新闻简报、内容升级 |
| 回访访客（访问 2-5 次） | 进阶优惠、免费试用、预约演示 |
| 回访访客（访问 5 次以上） | 直接 CTA、咨询优惠 |
| 邮件订阅者 | 绝不展示收集邮箱的弹窗 |
| 现有客户 | 仅展示功能公告和升级优惠 |
| 付费流量访客 | 提供与广告信息匹配的优惠，不展示通用弹窗 |
| 移动端访客 | 仅使用不打扰的形式（侧滑窗或底部栏） |
排除规则
始终将以下群体排除在弹窗之外：
- 已完成转化的用户（已订阅、注册或购买）
- 在本次会话中关闭了同一弹窗的用户
- 在过去 7 天内关闭了同一弹窗的用户
- 正处于结账或支付流程中的用户
- 访问法律/合规页面（隐私、条款）的用户
频次和抑制规则
频次上限
| 规则 | 设置 | 理由 |
|---|---|---|
| 每次会话最多弹窗数 | 1 | 每次访问弹出多个窗口会破坏信任 |
| 关闭后的冷却期 | 至少 7 天 | 尊重用户的“拒绝” |
| 点击 X 按钮关闭后的冷却期 | 3-7 天 | 比关闭弹窗更温和 |
| 每月最多弹窗数 | 3-4 个 | 超过这个数量，用户会觉得受到骚扰 |
| 转化后的抑制期 | 对该类弹窗永久生效 | 用户转化后绝不再询问 |
抑制优先级
如果同一会话中有多个弹窗争相面向同一用户，请按以下优先级处理：
| 优先级 | 弹窗类型 | 原因 |
|---|---|---|
| 1 | Cookie 同意 / 法律声明 | 法律要求 |
| 2 | 离站意图（若已触发） | 最后的机会，也是意图信号最强的时刻 |
| 3 | 延时触发 / 滚动触发 | 计划内的用户互动 |
| 4 | 公告栏 | 优先级最低，但始终可用 |
弹窗文案架构
高转化弹窗文案的构成
HEADLINE: What they get (benefit-focused, 6-10 words)
SUBHEADLINE: Why they should care (supporting detail, 1 sentence)
[FORM: Minimum fields]
[PRIMARY CTA: Action-oriented, 2-4 words]
[DECLINE TEXT: Respectful, neutral, 3-6 words]
[TRUST ELEMENT: Privacy or social proof, 1 line]
各类型文案示例
订阅新闻简报：
- 标题：“获取每周增长策略”
- 副标题：“加入 15,000 名营销人员，订阅我们的周二新闻简报”
- CTA：“订阅”
- 拒绝文案：“不了，谢谢”
- 信任提示：“随时取消订阅。绝无垃圾邮件。”
内容升级：
- 标题：“获取完整的 SEO 检查清单”
- 副标题：“85 项检查，按优先级整理。PDF 下载。”
- CTA：“把检查清单发给我”
- 拒绝文案：“我先跳过”
- 信任提示：“免费。无需信用卡。”
离站意图（电商）：
- 标题：“等等——首单可享 15% 折扣”
- 副标题：“结账时使用优惠码 WELCOME15”
- CTA：“领取我的折扣”
- 拒绝文案：“我愿意原价购买”
- 信任提示：“24 小时内有效”
拒绝文案规则
- 绝不使用羞辱性措辞（“不，我不想省钱”）
- 保持中性：“不了，谢谢”“稍后再说”“现在不了”“我先跳过”
- 字号应清晰易读（不要使用刻意设计得容易被忽略的小字）
- 将其明确放在 CTA 下方或旁边
按业务类型制定策略
电子商务
| 弹窗 | 触发条件 | 优惠 |
|---|---|---|
| 欢迎折扣 | 进入网站（新访客，延迟 5 秒） | 首单优惠 10-15% |
| 离站意图 | 在产品页或购物车页面将鼠标移出 | 更高折扣或免运费 |
| 购物车放弃 | 放弃购物车后再次访问 | 提醒 + 激励优惠 |
| 购买后 | 感谢页面 | 推荐优惠或交叉销售 |
B2B SaaS
| 弹窗 | 触发条件 | 优惠 |
|---|---|---|
| 内容升级 | 在博客文章中滚动至 50% | 相关 PDF、清单、模板 |
| 申请演示 | 在定价页面触发离站意图 | “联系销售”并附日历链接 |
| 新闻简报 | 博客，第 3 次页面浏览 | 每周洞察邮件 |
| 功能公告 | 登录时，面向现有用户 | 新功能及试用 CTA |
内容 / 媒体
| 弹窗 | 触发条件 | 优惠 |
|---|---|---|
| 新闻简报 | 在文章中滚动至 60% | “每周获取此类文章” |
| 内容门槛 | 阅读 3 篇免费文章后 | 订阅或提供电子邮件以获取访问权限 |
| 关注社交账号 | 滚动至文章底部 | 在社交平台上关注 |
移动端弹窗设计
Google 刺入式插页广告政策
Google 会惩罚展示侵入式插页广告的移动页面。请避免：
- 覆盖主要内容的全屏弹窗
- 用户必须关闭才能访问内容的弹窗
- 首屏布局中弹窗将内容推至首屏以下
适合移动端的格式
| 格式 | 适合移动端？ | 备注 |
|---|---|---|
| 底部栏 | 是 | 小巧、不阻挡内容 |
| 顶部栏 | 是 | 小巧、可关闭 |
| 滑入式（小型） | 是 | 位于角落，占屏幕 < 30% |
| 居中模态框（小型） | 有条件 | 仅在易于关闭且用户已产生互动后显示 |
| 全屏覆盖层 | 否 | 会受到 Google 惩罚 |
| 离站意图 | 不适用 | 移动端不支持 |
移动端设计规则
- 关闭按钮和 CTA 的触控目标最小为 44x44px
- 关闭按钮（X）必须清晰可见且易于点击
- 弹窗不得覆盖超过屏幕 50% 的区域
- 表单输入框必须触发适当的移动端键盘
- 在实际移动设备上测试（不能只使用响应式预览）
合规要求
GDPR（欧盟）
- 提供同意复选框（预先勾选不构成有效同意）
- 提供清晰的隐私政策链接
- 说明如何处理用户的电子邮件地址
- 后续所有邮件中都提供便捷的退订方式
- 必须明确指定数据处理目的
CCPA（加利福尼亚州）
- 如适用，提供“请勿出售我的个人信息”链接
- 必须可访问隐私政策
- 用户可以申请删除数据
CAN-SPAM（美国）
- 必须在 10 个工作日内处理退订请求
- 邮件中必须包含实际地址
- 主题行不得具有欺骗性
Cookie 同意（欧盟/英国）
- Cookie 同意横幅优先于所有其他弹窗
- 未经同意，不得设置非必要 Cookie
- 必须提供细化的同意选项
多弹窗冲突解决
优先级系统
如果网站运行多个弹窗，请实施以下规则：
- 法律类弹窗优先 -- Cookie 同意弹窗应先于任何其他弹窗
- 每个会话仅显示一个弹窗 -- 法律类弹窗之后，每个会话仅显示一个营销弹窗
- 优先级排序 -- 离站意图 > 滚动触发 > 延时触发 > 公告栏
- 禁止叠加 -- 绝不同时显示两个弹窗
- 队列系统 -- 如果多个弹窗符合显示条件，则显示优先级最高的弹窗，并在本次会话中禁止显示其余弹窗
实施规则
- 维护一个全局弹窗状态管理器
- 每个弹窗在渲染前都检查状态
- 记录用户看过、关闭或转化的弹窗
- 尽可能在多个标签页之间共享状态（localStorage）
A/B 测试框架
高影响力测试
| 测试 | 假设 | 指标 |
|---|---|---|
| 触发时机（15s vs 30s vs 滚动） | 滚动触发能捕获更多参与度高的用户 | 转化率 + 跳出率 |
| 优惠类型（折扣 vs 内容） | 内容类优惠能吸引质量更高的潜在客户 | 转化率 + 潜在客户质量 |
| 文案变体（强调收益 vs 强调紧迫感） | 长期来看，强调收益的文案转化效果更好 | 转化率 |
| 展示形式（弹窗 vs 滑入式） | 滑入式对跳出率的影响较小 | 转化率 + 跳出率 |
| 拒绝文案（中性 vs 不带羞辱感） | 中性拒绝文案能维持用户信任 | 品牌情绪 + 回访量 |
测试规则
- 每个变体至少测试 1,000 次展示
- 同时跟踪弹窗转化率和页面级指标（跳出率、页面停留时间）
- 如果一个弹窗的转化率为 10%，但使跳出率上升 20%，那么总体效果为负
指标和基准
关键指标
| 指标 | 公式 | 基准 |
|---|---|---|
| 弹窗转化率 | 转化次数 / 展示次数 | 2-5%（良好），5-10%（优秀） |
| 弹窗查看率 | 展示次数 / 符合条件的页面浏览量 | 取决于触发设置 |
| 跳出率影响 | 展示弹窗时的跳出率 - 未展示时的跳出率 | 增幅应 < 5% |
| 邮件质量评分 | 与后续邮件互动的弹窗潜在客户 / 弹窗潜在客户总数 | 后续邮件打开率 > 30% |
| 每个弹窗潜在客户带来的收入 | 弹窗潜在客户带来的收入 / 弹窗潜在客户总数 | 与其他潜在客户来源进行比较 |
输出产物
| 产物 | 格式 | 描述 |
|---|---|---|
| 弹窗策略图 | 类型 x 触发条件 x 受众 x 频率表 | 完整的弹窗清单及冲突规则 |
| 完整文案集 | 每个弹窗一套文案 | 标题、副标题、CTA、拒绝文案、信任元素 |
| 移动端适配指南 | 按展示形式提供建议 | 适用于移动端的展示形式、尺寸、关闭行为 |
| 合规检查清单 | 按法规列出要求 | GDPR、CCPA、CAN-SPAM、Cookie 同意 |
| A/B 测试计划 | 按优先级排序的表格 | 按预期影响对假设进行排序 |
| 多弹窗优先级图 | 优先级排序 | 并发弹窗的冲突解决规则 |
工具参考
1. popup_strategy_auditor.py
审查现有弹窗配置的合规性、频率冲突、定向缺口和移动端安全性。读取弹窗清单的 JSON 文件，并依据最佳实践标记问题。
python scripts/popup_strategy_auditor.py popups.json --format text
python scripts/popup_strategy_auditor.py popups.json --format json
| 标记 | 类型 | 描述 |
|---|---|---|
popups.json | 位置参数 | 包含弹窗清单和规则的 JSON 文件路径 |
--format | 可选 | 输出格式：text（默认）或 json |
2. popup_ab_test_calculator.py
计算弹窗 A/B 测试的统计显著性。接收对照组和变体的展示次数及转化次数，计算转化率、相对提升幅度、置信水平，并建议发布、继续测试或放弃。
python scripts/popup_ab_test_calculator.py test.json --format text
python scripts/popup_ab_test_calculator.py test.json --format json
| 标记 | 类型 | 描述 |
|---|---|---|
test.json | 位置参数 | 包含 A/B 测试数据的 JSON 文件路径 |
--format | 可选 | 输出格式：text（默认）或 json |
3. popup_roi_estimator.py
通过对潜在客户数量、转化率和客户生命周期价值建模，估算弹窗获客带来的收入影响。将弹窗获取的潜在客户与其他渠道进行比较。
python scripts/popup_roi_estimator.py roi_data.json --format text
python scripts/popup_roi_estimator.py roi_data.json --format json
| 标记 | 类型 | 描述 |
|---|---|---|
roi_data.json | 位置参数 | 包含弹窗效果和收入数据的 JSON 文件路径 |
--format | 可选 | 输出格式：text（默认）或 json |
故障排除
| 问题 | 可能原因 | 解决方案 |
|---|---|---|
| 弹窗转化率低于 2% | 触发时机不当、优惠力度不足或文案效果不佳 | 测试滚动触发（50-70%）与延时触发；使用突出利益的标题；添加倒计时器（根据 2026 年基准数据，平均转化率可提升至 14.4%） |
| 添加弹窗后跳出率增加 >5% | 弹窗触发过早，或在移动设备上遮挡屏幕过多 | 将延迟时间增加至 15-30s，或改用滚动触发；使用滑入式格式，而非居中模态框 |
| 邮件列表质量下降（弹窗带来的潜在客户打开率低） | 通用优惠吸引了意向较低的订阅者 | 改用与页面内容相关的内容升级优惠；添加资格筛选问题 |
| 同一会话中触发多个弹窗 | 未实现全局弹窗状态管理器或优先级系统 | 通过 localStorage 实现会话级状态跟踪；实施每个会话仅显示一个弹窗的规则，并设置优先级排序 |
| 移动端弹窗触发 Google 惩罚 | 全屏遮罩，或在用户参与互动前弹窗就遮挡内容 | 改用底部栏、滑入式（<30% 屏幕）或内嵌展开式格式；使用 Google Mobile-Friendly Tool 进行测试 |
| 退出意图检测在移动端不起作用 | 退出意图检测依赖移动端不存在的鼠标移动 | 使用向上滚动或不活跃触发作为移动端替代方案；按设备类型区分触发规则 |
| Cookie 同意弹窗与营销弹窗冲突 | 没有优先级系统；两个弹窗同时触发 | 法律合规类弹窗始终优先；将营销弹窗排队，待用户同意后再触发 |
成功标准
- 优化后 30 天内，弹窗转化率达到 3-5%（良好）或 5-10%（优秀）
- 与不显示弹窗的基准相比，跳出率增幅低于 5%
- 弹窗来源的潜在客户在后续邮件中的打开率保持在 >30%
- 移动端弹窗通过 Google Mobile-Friendly Test，且没有任何警告
- 频次上限将展示次数限制为每个会话最多 1 次、每位用户每月 3-4 次
- 弹窗同意流程中不存在 GDPR/CCPA 合规违规
- 游戏化弹窗或添加倒计时的弹窗平均转化率达到 13% 以上（2026 年基准）
范围与限制
范围内： 弹窗和模态框格式选择、触发机制设计、受众定向、频次上限、文案架构、移动端安全设计、多弹窗冲突解决、合规要求（GDPR、CCPA、CAN-SPAM、Cookie 同意），以及针对潜在客户收集、促销、公告和反馈类弹窗的结构化 A/B 测试。
范围外： 弹窗内的表单字段级优化（使用 form-cro）、围绕弹窗的页面级转化优化（使用 page-cro）、应用内引导模态框和工具提示（使用 onboarding-cro）、由弹窗触发的注册流程（使用 signup-flow-cro）。脚本仅处理本地数据——不与弹窗平台（OptinMonster、Wisepops 等）或分析工具集成。
限制： 转化基准数据是 2025-2026 年研究得出的行业平均值汇总（Popupsmart 的 10K+ 次营销活动、Wisepops 的 1B+ 次展示），不同业界、流量来源和优惠类型之间的数据差异很大。退出意图检测仅适用于桌面端；移动端替代方案（向上滚动、不活跃）具有不同的效果特征。Google 针对侵入式插页式广告的惩罚仅适用于移动端搜索流量——直接流量/付费流量受影响较小。
集成点
- form-cro —— 弹出表单字段应遵循 form-cro 的字段精简与验证标准
- page-cro —— 应先优化页面转化，再叠加弹出窗口；弹出窗口的表现取决于页面质量
- signup-flow-cro —— 从弹出窗口跳转到注册流程时，应保留上下文并预填已收集的邮箱
- paywall-upgrade-cro —— 应用内升级弹窗与营销弹出窗口遵循相同的频次限制和 UX 原则
- onboarding-cro —— 产品引导工具提示和弹窗应与营销弹出窗口采用独立的状态管理
- referral-program —— 购买或转化完成后的弹出窗口可以触发推荐计划提示
相关技能
- form-cro —— 当弹出窗口中的表单需要进行字段级优化（字段数量、验证、布局）时使用。
- page-cro —— 当弹出窗口周围的页面需要进行转化优化时使用。先优化页面，再添加弹出窗口。
- onboarding-cro —— 当弹出窗口或模态框属于应用内引导流程的一部分（工具提示、清单、功能导览）时使用。
- signup-flow-cro —— 当弹出窗口会跳转到需要优化的注册流程时使用。
评论
支持 Markdown