JD.COM活动页面设计思路:如何用弹幕实现活动页面。
来源:银爪网 |发布时间:2020-10-15|浏览:159
JD.COM同类店铺活动,每个店铺的活动页面的装饰都不一样,有的店铺更是别出心裁,在活动页面上加入了弹幕元素,互动性很好,让卖家也能参与其中。看到这里痒吗?让我们和陶凯·边肖一起学习今天的操作。1.弹幕模块1概述。应用效果1)概述在JD.COM店装修中使用弹幕模块时,主视野中的弹幕区域可以实现为前端具有遮蔽效果的浮动层,用户可以打开和关闭弹幕浮动层。弹幕浮动层上有一个用户弹幕输入框,提供文本颜色和颜色选择功能。编辑弹幕内容后,用户可以点击“发射”来查看成功发射的效果,并在弹幕区域查看弹幕内容。b)弹幕播放的内容:系统默认内容库(弹幕集)+用户输入的内容均为显示内容。c)传输频率限制:传输次数不受限制。d)一次发送内容最大长度:用户一次发送的弹幕内容不超过30个字符,达到30个字符后不能继续输入。e)突出用户发送内容的显示效果:框外。f)字符(文本格式,非图片表达):通过弹出的下拉选择框选择,用户选择后在文本输入框的光标处添加某个字符。g)文本颜色:用户可以定义弹幕的颜色(包括输入文本和添加的颜色文本),并通过弹出下拉选择框(颜色板)进行选择。h)可以输入新行吗:不支持输入新行内容,输入的新行字符始终作为普通字符发送。I)鼠标交互:将鼠标悬停在弹幕的行上停止滚动(移出后继续滚动),点击带有链接的弹幕,在新页面上打开对应的URL。j)浏览器支持:请使用新版谷歌 Chrome、Firefox、360、IE等主流浏览器,请使用IE7.0以上,以保证更好的弹幕播放效果。2.访问权限如果想在jshop的活动装修时使用弹幕模块,需要联系jshop管理员打开弹幕管理权限。打开权限后,登录jshop后台,会发现jshop后台左侧功能导航栏中的【操作服务】有【弹幕管理】功能。点击【弹幕管理】,可以自行创建、编辑、编辑、删除已创建的弹幕集。二、弹幕模块可以添加在支持弹幕模块的主频道下的活动装饰界面,如图2:说明:要实现弹幕从浏览器右边框到左边框的滚动效果,将弹幕模块放在横幅布局中(100%)。3.弹幕模块1的配置。添加弹幕模块后,点击【设置】按钮,打开弹幕模块配置界面a)后台b) 弹幕组标识:输入您在操作服务-弹幕管理中创建的弹幕组标识。请注意,标识必须正确。如果您没有输入您创建的弹幕集标识,您将被提示活动创建者没有此弹幕集的权限。2.弹幕管理弹幕管理主要用于创建和编辑弹幕模块使用的系统弹幕集。1)进入[运行服务]-[弹幕管理]后,点击[添加弹幕集]打开如图6所示的弹出窗口,输入弹幕集的名称和描述信息。点击【创建】后,可以在下面的列表中看到新创建的弹幕集,弹幕集ID自动生成(之前的弹幕模块设置参考此ID) 2) 3)编辑弹幕集的内容点击弹幕集列表右侧的【编辑内容】,如图4)编辑单个弹幕在图8所示的界面中, 点击右上角的【添加弹幕】在下面的列表中添加一行,然后可以输入该弹幕的文字内容(必填)和跳转链接(非必填),并添加一个小图片(显示在该弹幕中)。 同时可以逐个删除弹幕,也支持批量删除。注:a)嵌入点由系统自动生成,无需用户操作。点击导出下载excel文件中每个弹幕的clsTag。b)添加带跳转链接的弹幕时会出现滑线。5)弹幕集上传支持通过excel文件导入弹幕集的内容。点击上传弹幕弹出窗口。描述:a)追加:选择追加模式。如果用户先手工输入2行,导入的excel弹幕内容会从第3行开始显示,ID会按顺序排列。b)覆盖:选择覆盖模式,excel文件中的弹出会覆盖之前显示的右弹出。c)选择计算机文件:仅从excel文件导入弹出设置。注意:a)现在最多支持2000条弹出数据(即2000行);b)b)excel文件的表头必须有三项:内容、跳转链接、图片地址。即使所有行都没有链接和图片地址,表头也必须有跳转链接和图片地址字段,否则上传弹幕文件时会出现解析错误。导出点击【导出】下载生成埋点clsTag的excel文件。下载导入模板点击下载导入模板,下载上传excel文件的模板,供大家参考。目前搜索功能只支持弹幕文字内容的关键词搜索,不支持弹幕的ID搜索。最后,非常重要的是,上传弹幕集或任何其他编辑操作后,必须执行【保存】,点击【保存】,使操作生效!欲知更多精彩信息,敬请关注!
此文章来源于网络,如有侵权,请联系删除
立即咨询
看看今天市场怎么样?
复制