MarkDown学习

气泡管理后台与系统气泡需求

bilibili 大会员 3.0

---

文档记录

版本号 修订日期 变更概述 作者 修改人 V0.1 2016-11-24 文档创建 罗嘉俊 V0.2 2016-12-07 更新关于气泡列表的说明；传统气泡_图文增加两种尺寸图片的上传；个性气泡都只显示1次 罗嘉俊

一、概述

Web端的顶部导航栏增加气泡浮层的功能展示，来外露大会员的福利及上新公告。
该文档用于阐述大会员气泡显示逻辑及开发管理后台的系统需求。

传统版气泡——

- 传统版气泡为大会员气泡的一般状态，用于告知大会员福利、系统通知等。
上半部分图片区用于推强相关营销类消息或运营活动，如：大会员专属游戏礼包、大会员专属周边商品、积分活动等。素材及生效时间由运营在管理后台进行配置。
- 下半部分文字区用于放置系统消息与资源较为一般的营销信息。

个性化气泡（营销型）——

推送各与大会员相关的特别活动，如游戏礼包上新、周边大会员专享价格上新等。

个性化气泡（系统消息型）——

在关键时间点推送与个人状态有关的系统消息：大会员即将过期提醒等。

二、需求描述

2.1 气泡推送逻辑及优先级关系

• 会员鼠标悬停至大会员TAB即显示气泡。
• 个性气泡优先级大于传统气泡。
• 个性气泡中分为营销类气泡与系统类气泡，系统类个性气泡优先级大于营销类个性气泡
• 当有个性化气泡存在但用户尚未hover时，“大会员”TAB右上有未读计数红点，当用户hover并个性气泡已读，则计数-1。以此类推，直至个性气泡都被已读则未读计数红点不展示。
• 个性气泡不论系统或是营销类型，统一都只显示一次。
• 当前有效个性气泡展示完后显示传统气泡。

2.2 营销类气泡配置

2.2.1 个性气泡配置

前台视觉——

配置后台——

字段名称 字段解释 气泡名称 填写气泡名称，简述活动、时间、等重要信息。 气泡类型选择 从个性气泡、传统气泡_图文 传统气泡_文字三种类型中选择想要配置的类型。点击其中一项展开该类型下的详细配置。 有效时间 个性气泡的生效时间。 气泡类型 选中个性气泡。 角标类型 该个性气泡在右上角显示的角标样式，目前有游戏福利、周边福利、活动福利。 上传图片 该个性气泡中间的图片，为保证视觉效果必须是背景透明的png格式图片。图片尺寸：210*139 图片大小：K 主标题 该个性气泡的主标题，限制x个字符内。 副标题 该个性气泡的副标题，限制x个字符内。 跳转链接 点击气泡的点击查看后的有多个个性气泡同时存在时，规定这些气泡的显示顺序。当前一优先级的个性气泡显示完成后方可显示下一优先级的个性气泡。数字从小到大，优先级从高到低。如存在一段有效期内有优先级填写相同的气泡，则以最晚创建的为高优先级。

2.2.2 传统气泡_图文配置

前台视觉——

配置后台——

字段名称 字段解释 气泡名称 填写气泡模版名称，简述活动、时间、气泡类型等重要信息。 气泡类型选择 从个性气泡、传统气泡_图文 传统气泡_文字三种类型中选择想要配置的类型。点击其中一项展开该类型下的详细配置。 有效时间 该气泡素材的展现时间 气泡类型 选中传统气泡_图文。 标题 此块图文传统气泡图片下方的文字标题 上传图片 上传此块图文传统气泡的图片素材，分为三个尺寸。分别对应，后台存在3个图文气泡、2张有效图文气泡、1个有效图文气泡时的显示尺寸。 跳转链接 点击图片或是文字标题跳转到的页面链接 优先级 此块图文的显示顺位，从左至右，优先级依次为1、2、3。如存在一段有效期内有优先级填写相同的气泡，则以最晚创建的为高优先级。

2.2.2 传统气泡_文字配置

前台视觉——

配置后台——

字段名称 字段解释 气泡名称 填写气泡模版名称，简述活动、时间、气泡类型等重要信息。 气泡类型选择 从个性气泡、传统气泡_图文 传统气泡_文字三种类型中选择想要配置的类型。点击其中一项展开该类型下的详细配置。 有效时间 该气泡素材的展现时间 气泡类型 选中传统气泡_文字。 标签类型 用于判断文字头部文本标签内容，类型有公告、通知、福利。选择不同的标签类型，消息头部使用不同颜色用于区分。公告类型的文案文字颜色为红色。 消息文案 该文字气泡的内容。 跳转链接 点击此段文字跳转到的页面链接 优先级 此块图文的显示顺位，从上至下，优先级依次为1、2、3。如存在一段有效期内有优先级填写相同的气泡，则以最晚创建的为高优先级。

2.2. 3 气泡模版列表

用于展示现有添加的营销气泡模版

初始状态列表为空。需进行筛选条件后查询方可显示符合条件的气泡模版。

筛选查询——

字段名称 字段解释 模版名称 根据气泡模版时填写的模版名称进行模糊搜索。 气泡类型 根据气泡类型筛选，下拉列表，类型有：个性气泡、传统气泡_图文、传统气泡_文字。 有效时间 筛选选择时间段内所有有效的气泡模版。 生效状态 根据当前时间及气泡的有效时间判断生效中、进行中或即将生效。 优先级 根据该模版在其气泡类型中填写的优先级筛选。数字拉取全模版中最大的优先级数。 查询 根据以上的筛选条件，取交集显示符合条件的气泡模版。

气泡列表——

字段名称 字段解释 序号 创建完成一气泡模版后生成的唯一识别码，序号从0001开始升序生成。 模版名称 创建气泡模版时填写的模版名称。 气泡类型 创建气泡模版时填写的气泡类型 优先级 创建气泡模版时填写的在该气泡类型下的优先级 生效时间 创建气泡模版时填写的在该气泡类型下的优先级 模版状态 根据当前时间及气泡的有效时间判断生效中、进行中或即将生效。 操作 查看，以只读的形式打开该模版的配置详情。编辑，打开该模版的配置详情，可重新填写编辑各设置。删除，删除该气泡模版

2.4 系统类型气泡模版开发

• 系统通知类型气泡拟定好规则内容后由系统自动投放。
• 系统通知类型气泡优先级高于营销类气泡。
• 系统通知类型气泡使用个性气泡及传统气泡_文字两种类型来推送。
• 系统通知类型气泡的个性气泡只显示1次。

2.4.1 大会员即将到期提醒

• 计算逻辑：该登录用户（大会员、年度大会员）剩余的大会员有效时长，以天为计数单位。
• 跳转页面：大会员落地页

传统气泡_文字——
- 文字标签：通知
- 文案内容：您的大会员还剩x天即将过期，点击查看详情。
- 投放频率：在用户大会员剩余有效时间从7天开始展示，位置保持在传统气泡文字区第一顺位。

个性气泡——
- 文案：您的大会员还有X天就过期啦 大会员舍不得你走ToT
- 按钮名称：前往续费
- 投放频率：在用户大会员剩余有效时间为7天、3天、1天，三个时间点显示。当日显示1次后，展示下一优先级的个性气泡。

2.4.2 积分兑换提醒

• 计算逻辑：该用户当前账户内积分可兑换的最大时长
• 跳转页面：大会员落地页

传统气泡_文字——
- 文字标签：通知
- 文案内容：您的积分足以兑换x个月大会员。点击前往兑换。
- 投放频率：在登录用户账户内有足以到达兑换大会员最低门槛（1个月）时，显示个性气泡。如用户未兑换，则在第一次显示后每隔30天显示一次。

个性气泡——
- 文案：据22、33娘计算得出 您的积分足以兑换x个月大会员。
- 按钮名称：前往兑换
- 投放频率：在登录用户账户内有足以到达兑换大会员最低门槛（1个月）时，显示个性气泡。如用户未兑换，则在第一次显示后每隔30天显示一次。当日显示1次后，展示下一优先级的个性气泡。

2.4.3 B币券即将过期

• 计算逻辑：用户账户内B币券最后有效期时间。
• 跳转页面：无跳转。点击知道了按钮后收起气泡，视为已读过该条个性气泡。

传统气泡_文字——
- 文字标签：通知
- 文案内容：您的xB币券即将在x天后过期，请抓紧时间使用哦～
- 投放频率：当用户账户内有B币券距离最后有效期还剩3天时提醒，持续三天。

个性气泡——
- 文案内容：您的xB币券即将在X天后过期，请抓紧时间使用哦～
- 按钮名称：知道了
- 投放频率：当用户账户内有B币券距离最后有效期还剩7天、1天时提醒，两个时间点。

2.4.5 系统气泡优先级

大会员即将到期>B币券过期>积分兑换大会员提醒

三、附录

3.1 大会员时长与积分定价