MenuBar功能说明
MenuBar 简介:
MenuBar意在促进快应用生态全局交互的统一,建立用户对于快应用产品形态的整体认知。vivo投放同时MenuBar封装了分享、添加桌面图标、设置管理等能力,能够有效促进用户的留存和增长。
后期,联盟还将不断为MenuBar补充运营和管理相关的能力。
MenuBar的UI样式与功能:
位置:MenuBar默认位于应用各页面的右上角固定位置,如下图(左)。
按钮:由左右两部分组成:右侧为退出按钮,点击退出当前快应用;左侧为菜单功能按钮,vivo广告分为两种状态:固定状态和临时态。临时态用于快应用正在使用某些功能时,起到提示用户作用,如正在定位,录音等。
功能:MenuBar的vivo设备菜单栏功能如下图(右):
分享、添加到桌面、前往快应用中心、返回首页、帮助与反馈、设置、关于
MenuBar- 分享
第三方分享支持:微信、微信朋友圈、微博、QQ
选择某种分享方式后会自动调起对应的应用进行分享;
接收者收到分享链接,点击后(在支持快应用的设备上)可直接拉起快应用。
分享链接内容默认显示应用简介,同时也开放给开发者可以根据具体情况显示更巨吸引力的内容,提高分享点击率。
分享直达:分享链接默认打开快应用首页,同时支持开发者配置,直接打开到快应用指定页面。
不支持快应用设备打开分享链接,支持开发者配置跳转到指定的H5页面。
MenuBar- 添加到桌面
点击“添加到桌面”,将会直接生成桌面图标,vivo推广无需进行二次弹窗确认。
MenuBar- 关于
点击应用名称和箭头区域,进入关于页面(如下):
MenuBar- 设置
设置页面包含存储管理、权限管理、通知管理等。在用户的某个权限被关闭后,vivo信息流可以引导至设置中重新开启权限(如下图):
MenuBar- 帮助与反馈
给用户提供一个便捷的反馈通道。目前会将用户的反馈统一收集到vivo反馈平台,与开发者相关问题的,我们整理后联系相关开发者进行处理。vivo搜索后续有计划将用户反馈数据,开放给开发者获取,目前正在规划落地中。
MenuBar- 返回首页
给用户提供一个进入快应用首页的便捷入口。当用户进入到快应用的某个页面,可以一键返回到当前快应用的首页。
MenuBar适配说明:
当前vivo侧在引擎1061版本上提前进行支持,为了确保用户体验,我们当前以白名单的形式进行开放:
1. 部分当前比较契合MenuBar样式的快应用,已添加到白名单,可以默认显示MenuBar,用户在升级引擎到1061以上版本后,这些应用即可使用MenuBar相关功能。
2. 要想申请加入白名单的快应用,开发者请按照《MenuBar开发者侧适配说明》,完成适配工作后,发邮件至quickappcenter@vivo.com进行申请。
3. 已加入白名单的快应用,也可以继续按照《MenuBar开发者侧适配说明》,完成个性化的适配。
4. 已加入白名单的快应用,如果想暂时移出白名单,请发邮件至quickappcenter@vivo.com进行申请,并说明原因。
5. 对于原来有titlebar功能的应用,MenuBar移植了原有菜单中的功能,需要开发者依照《MenuBar开发者侧适配说明》完成适配工作后即可使用MenuBar的相关功能。
MenuBar开发者侧适配说明
MenuBar 支持的最小平台版本号:
MenuBar在联盟支持的最小平台版本号是1070(暂定),vivo机器上支持的最小版本号是1061。开发者可以先在vivo手机上进行UI和MenuBar功能的兼容。
以下为开发者对MenuBar适配的说明:
一、用于定义MenuBar的相关配置
属性 | 类型 | 含义 | 描述 |
menuBar | Boolean | 是否显示MenuBar | 是否显示 MenuBar,默认显示 (对于配置display下 "menu":true,情况则会回调开发者的 onMenuPress而不会弹出MenuBar弹框,此时需要配置"menu":false来调用MenuBar弹框) 。 |
menuBarStyle | String | 样式(深色/浅色) | MenuBar样式,默认黑色图标icon样式(dark),可以设置浅色(light) |
shareTitle | String | 分享标题 | MenuBar中分享功能对应标题,默认当前快应用名称 |
shareDescription | String | 分享描述 | MenuBar中分享功能对应描述,默认当前快应用一句话描述 |
shareIcon | String | 分享链接 | MenuBar中分享功能对应图片,默认当前快应用icon |
示例:
二、获取MenuBar的布局位置信息
可通过`$page`访问
方法:this.$page.getMenuBarRect()
版本要求 vivo推广联盟版本1070+、vivo手机上1061+
由于当前手机版本不一定支持MenuBar,所以对于getMenuBarRect()方法调用之前需要
判断平台是否支持MenuBar。
方法:vivo信息流捕获对于平台不支持情况的获取异常
三、分享直达配置说明
1、vivo广告账户配置允许当前页面分享:
1.1 manifest.json方式:
1.2 动态设置方式
2、通过menubar执行分享当前页面
注:
1、当fullScreen属性为 true 或视频全屏状态下,vivo搜索广告价格若MenuBar不显示设置为 true,则 MenuBar 会自动隐藏;
2、Menubar和titlebar的区别如下:
有任何OPPO或vivo的广告需求,欢迎与我们取得联系。
欢迎扫码添加以下微信,或者拨打电话198-9888-5878(微信同号)咨询