京东活动页设计思路： 如何实现有弹幕的活动页?（京东页面布局分析）

京东活动页设计思路： 如何实现有弹幕的活动页?（京东页面布局分析）

同一种京东店铺活动，每一个店铺的活动页面装修不一样，有的店铺别出心裁，在活动页面里面加入了弹幕元素，有一个很好的互动性，可以让卖家参与进来，看到这里是不是心痒痒呢，下面跟随开淘小编一起去学习一下今天的操作吧!

一、弹幕模块概述

1、使用效果

1)概述

2)说明

a) 登录验证：不需要登录账号，即可以发送弹幕。

b) 弹幕播放的内容：由系统默认内容库(弹幕集)+ 用户自己输入的内容为全部展示内容。

c) 发送频率限制：不限制发送次数。

d) 一次发送内容最大长度：用户一次发送的弹幕内容不超过30个字符，达到30个字符后不可继续输入。

e) 用户发送的内容突出展示效果：外面加外框。

f) 颜文字(文本格式，非图片表情)：通过弹出下拉选择框进行选择，用户选择某个颜文字后添加到文本输入框的光标处。

g) 文字颜色：用户可以定义自己输入的弹幕颜色(包括输入的文字和添加的颜文字)，通过弹出下拉选择框(色板)进行选择。

h) 可否输入换行：不支持输入换行内容，输入的换行符也一律当做普通字符发送。

j) 浏览器支持：请使用较新版版的Google chrome、火狐、360、IE等主流浏览器，IE请使用IE7.0以上版本以保证较好的弹幕播放效果。

2、使用权限

二、弹幕模块的添加

在支持弹幕模块的主频道下的活动装修界面，可以添加弹幕模块，如图2所示：

说明：若要实现弹幕从浏览器右边界至左边界的滚动播放效果，则将弹幕模块置于通栏布局(100%)中

三、弹幕模块的配置

1、弹幕模块设置

a) 背景图片：添加的背景图片将作为弹幕遮罩浮层的底层背景，注意此背景图添加操作是可选项(非必须)。

b) 弹幕集ID：这里输入您在“【运营服务】–【弹幕管理】”中创建好的弹幕集ID，注意ID必须正确，如果输入的不是自己已创建的弹幕集ID，将提示活动创建者没有该弹幕集的权限。

2、弹幕管理

弹幕管理主要用于对弹幕模块所使用的系统弹幕集进行创建和编辑。

1)新增弹幕集

2)编辑弹幕集

3)编辑弹幕集内容

4)单条弹幕的编辑

注意：

b) 添加了跳转链接的弹幕，在前端展示时将出现下滑线。

5)上传弹幕集

说明：

a) 追加：选择追加模式，如用户先手动录入了2行，导入的excel的弹幕内容将从第三行开始展示，ID依次序排列。

b) 覆盖：选择覆盖模式，excel文件中的弹幕将覆盖之前展示的所右弹幕

c) 选择电脑文件：仅支持从excel文件导入弹幕集，

注意：

a)现在最多支持2000条的弹幕数据(即2000行);

b)excel文件的表头必须有内容、跳转链接、图片地址三项，即使所有行都没有链接和图片地址，表头也必须有跳转链接、图片地址字段，否则在上传弹幕文件时会解析出错。

导出

下载导入模板

搜索

搜索功能目前仅支持弹幕文本内容的关键字搜索，不支持弹幕的ID搜索。