你好,欢迎来到美迪电商教育! 网站首页 培训课程 干货分享 申请讲师 网站地图
全国24小时招生热线
400-800-4439

京东如何利用iframe 标签创建APP端活动页层叠式视频组

来源:http://www.mede.com.cn 作者:美迪电商学院 发布时间:2018-01-19 14:38 点击:
亲,你没看错,这次的京东运营技术干货分享的标题的确就是这么长。京东平台的更新速度,可谓是一月一小变化,一季度一大变。2017年12月22日京东商家后台上线了“京东平台风向标”。
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
京东平台风向标将建立模型,排名更好的店铺,将会得到平台更多的扶持,消费者对该店铺的认可度更高,即uv价值更高、下单转化率更高、人均停留时长更长、人均浏览量更高、跳失率更低、店铺关注量更高。看不懂,没关系,简单一点就是京东靠技术运营的时代来临了。在京东风向标的6个权重维度中,其中有一个是“转化能力”即是指店铺短视频能力。

京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
随着碎片化的时代来临,快速阅读成了客户的购物习惯,而短视频的呈现方式比图片和文字的呈现方式更快的促进消费者进行购物决策。店铺短视频能力是综合计算店铺主图视频SKU覆盖率和店铺整体视频质量等级后得出。视频质量等级由视频播放次数、主图视频播放率(视频播放次数/视频曝光次数即商详UV/PV)、视频播放时长、用户完成度(用户平均观看时长/该视频总时长)计算得出。同行表现排名靠前的店铺会提升京东平台风向标排名。
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
那么如何做出与众不同的视频展现效果?如何提高店铺的短视频转化能力?下图中的店铺视频展现方式是极少数店铺能做到的;和一般的店铺视频相比,利用这样的视频展现方式,更能吸引顾客的直接点播,从而提高视频的转化率。这里有梁个关键性知识点值得大家深入学习:
 
1、视频露出点是在APP端店铺首页底部左侧的“店铺详情”处(这个流量入口98%的店铺是没有利用好的)。
 
2、视频展现方式是在同一个活动页中按层叠方式展现3个不同的视频。这两个创新的突破点能为店铺提供更好的视频引导作用,从而带动顾客的关注和提高店铺人气。
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
那么,如何实现这样的特殊展现方式,大家都知道目前在京东APP端的活动页是不能插入视频模块的,也就是说你无法添加除了直播之外的视频在移动端的活动页中。此时我们就需要用到所有浏览器都支持 的<iframe> 标签来突破这样的局限性。
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
HTML <iframe> 标签的各种属性与值参考下图。
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
知道了<iframe>的属性,下面我们按流程来实现前面看到的店铺视频展示的效果!
 
第一步:创建APP端活动页。
店铺装修→活动装修→创建手机活动
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第二步:插入“tab分类切换”模块,对tab分类切换标题进行内容编辑。
→图文排版类→tab分类切换→录入tab标题内容
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第三步:在每一个对应的tab标题下面添加模块“自定义内容区”。
→选择对应的tab标题→双击自定义模块图标(按同样方法3配置好tab1\tab2\tab3内容)
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第四步:对自定义模块内容进行编辑。
→tab1→数据配置。
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第五步:找到对应商品视频的源链接:
→PC端商品视频播放窗口→点击标清旁边的“分享”→分享到“QQ空间”→复制视频源链接
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第六步:按<iframe> 标签代码规格编写出视频对应的代码。
→按以下代码格式替换“视频源链接”。
代码格式为:<iframe id="le-video" frameborder="0" scrolling="no"
style="display:block;width:750px;height:422px;margin:0 auto;" src="视频源链接">
</iframe>
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第七步:把iframe代码字段插入带自定义模块中。
→点击自定义内容编辑窗口菜单的第二行右边第一个→HTML代码→粘贴iframe代码字段
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第八步:预览发布视频。
编辑窗口的右上角→预览→发布
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
第九步:配置店铺输出视频窗口。
店铺装修→手机店铺→系统店铺→APP首页最底部菜单→双点“店铺详情”→改为“全景视频”→编辑→手机版活动→选择对应活动→保存→发布
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
京东如何利用iframe 标签创建APP端活动页层叠式视频组 - 美迪电商学院 
 
发布后在手机端进入店铺首页,终于看到和别人家的店铺一样牛逼的层叠式视频窗口啦,是不是很拉风,赶紧让你家老板给你加薪吧。干货分享完毕,正如文中所述的技能如若对你有所帮助不防动动手指头让更多的朋友知道这些干货。
 
年关将至,小编在此提前恭祝各位京东运营新年快乐,来年大发;不知不觉中,我们在今日头条已经发布了12篇干货分享文章啦。分别是:《28种引流方式打造京东爆款》、《老司机教你如何偷取隔壁老王家的主图》、《京东大咖支大招——教你如何实现APP端详情页插入视频》、《京东流量闭环  99%新卖家容易忽略的步骤》、《一篇文章告诉你如何策划一次成功的京东直播活动》、《掌握这些百万店铺的运营秘诀,小白也会变大咖》、《解密档案之京东直投优秀案例》、《京东运营干货,不收藏你后悔!无线端详情页插入视频终极大法》、《淘宝君,东哥喊你来京东开个人店铺啰》、《你必须知道的京东搜索规则及实战提升技巧》、《京东资深运营干货分享之如何利用iframe 标签创建APP端活动页层叠式视频组》还有一篇,小编居然是想不起它的名字了,如果你看过,不防找出来发给我,会有惊喜礼物。
 
关于在今日头条每月发布一篇京东运营干货的年度总结,小编就一句话:只做有深度的京东运营干货分享!2018,电商路,我们在一起。
广州美迪电商教育——专做网店卖家培训
全方位学习电商知识,全部实操课程边学边做,3-16人小班教学
点击这里给我发消息 点击这里给我发消息 点击这里给我发消息 点击这里给我发消息
本文地址:http://www.mede.com.cn/share/jd/849.html
您可能感兴趣
  1. 2018-08-30
  2. 2018-08-28
  3. 2018-08-25
  4. 2018-08-23
  5. 2018-08-21
  6. 2018-08-14
  7. 2018-08-09
  8. 2018-08-07
  9. 2018-07-31
  10. 2018-07-17