自定义H5页面规范

查看详情页也可支持自定义H5页面，用来展示更多内容。

交互规范

• 分屏切换，支持横向和竖向，滑动指引需清晰
• 若详情页加载较慢，需设计loading页，给予用户友好的提示
• 如有视频，需在底部加上“建议在Wi-Fi环境下播放”提示
• 建议一个页面不超过两种以上交互操作

设计规范

• 页面尺寸建议：640像素×1100像素
• 最小按钮宽度：160像素
• 最小按钮高度：60像素
• 页面最小字号：不小于24像素
• 二维码最小尺寸：200像素×200像素 ，边距至少为10像素
• 背景音乐规范：必须支持音乐可循环及可关闭，并采用渐强的方式出现
• 音乐播放/关闭按钮，参加下图规范，并放置于页面右上角位置
  

H5页面内嵌入全屏视频规范

• 建议：使用流媒体播放，并添加可跳过播放按钮
• 时长：≤ 45 秒
• 视频编码：H.264/AVC
• FPS：推荐 24 fps
• 码率：≤ 800 kbit/s
• 音频格式：AAC
• 音频码率：≤ 96 kbit/sec
• 音频采样率：推荐 44.1 kHz
• 文件大小限制：≤ 5MB ( 实际大小与时长及码率对应，如20秒的视频，大小为 20秒×（800码率÷8）÷1024=1.95MB )

直接诱导分享

不允许强制、诱导、胁迫/煽动用户将消息分享给好友或朋友圈的行为

• 强制：分享后才能继续下一步操作，包括但不限于：分享后方可预订，分享后可知道答案等
• 诱导：分享后对用户有奖励，包括但不限于：邀请好友拆礼盒，集赞，分享可增加一次抽奖机会等
• 胁迫/煽动：用夸张语言来胁迫引诱用户分享，包括但不限于：“不转不是中国人”“请好心人转发一下”“转发后一生平安”“转疯了”等

间接诱导分享

不允许在H5页面中出现分享给好友的按钮，并且点击后出现浮层指向右上方引导用户去分享

诱导关注

不允许出现以奖励或其他方式，强制或诱导用户关注公众号的行为
奖励的方式包括但不限于：实物奖品、虚拟奖品（积分、信息）等

红包类的页面

不允许出现红包字眼和发红包的体验，如：

• 利用送“红包”字眼吸引用户转发，用户点击后跳转到产品促销、打折广告等页面
• 发布虚假，含木马链接的未归类“红包”
• 有诱导行为的“红包”或微信红包
• 抢红包外挂类软件、应用

小游戏

不允许出现小游戏或测试类页面

竞品内容

不允许出现与腾讯系产品有直接竞争关系的产品内容

抽奖活动

不允许出现抽奖活动