京东内容助手如何高效制作视频_京东大咖支大招—— 教你实现APP端详情页插入视频

shiguang 3周前 阅读:53 评论:0
  重要说明:本文所有内容由广州美迪电商学院、京东商学院、中国电子商务协会认证讲师状元郎原创经验分享,任何个人或平台不得将本文中所提到的经验流程、方法、技能作为收费商业用途,一经发现追究相应责任,转发请注明出处,谢谢。  小编做京东运营多年...

  重要说明:本文所有内容由广州美迪电商学院、京东商学院、中国电子商务协会认证讲师状元郎原创经验分享,任何个人或平台不得将本文中所提到的经验流程、方法、技能作为收费商业用途,一经发现追究相应责任,转发请注明出处,谢谢。

  小编做京东运营多年,见证京东平台的逐步完善变化,其实京东平台在最近的这一两年变化真的很大,你无法想象在2012年之前的京东商家后台用户体验度有多差,打开后台时不时的白屏,要么就是崩溃。总之三个字:反应慢。

  现在的京东商家后台无论是从菜单的布局、视觉效应、用户体验、使用习惯等方面越来越靠近淘宝天猫的后台了。其实这是好事,就是一个商家如果熟悉了天猫后台再来操作京东,那么这个学习成本就少了很多,不需要花费太多的时间来适应,用起来也能快速上手。

  2015年以后京东移动端的流量已经逐渐偏向于主流了,现在京东移动端有4大入口:京东APP端、微信端、手Q端、今日头条,很多精明的京东运营在做付费推广时已经不太重视PC端流量了,移动端流量、转化就显得尤为重要。

  现在迎来一个新的问题是移动端是否能够和PC端一样插入视频?

京东内容助手如何高效制作视频

  很多商家问过,如果你能看到这篇文章,其实你已经得到了肯定的答案,我们先来看看3个例子:

  商品一:

京东内容助手如何高效制作视频

  商品二:

京东内容助手如何高效制作视频

  商品三:

京东内容助手如何高效制作视频

  以上三个商品都有一个共同的特点,就是它们的APP端详情页都插入的视频文件。大家都知道,目前京东的商家后台APP端是不支持视频直接插入的,所以我们能见到这样的详情页插入视频的商品着实不多。

  这个逆天的做法能把那些京东运营小白甩得远远的,买同样的商品转化却比你高,这个也是原因之一。都说独食不肥,那么这些逆天的视频展现方式,是怎么做到的,今天状元郎为你揭开其中的奥秘。

  流程如下:

  第一步:上传视频到京东视频库,并且是审核通过状态。

  路劲:商家后台-我的店铺-视频管理(视频功能是长期免费使用的,如果没有就点击购买即可)

京东内容助手如何高效制作视频

  第二步:在PC端把视频使用到对应的商品SPU,点击视频列表操作中的“使用”如下图:

京东内容助手如何高效制作视频

京东内容助手如何高效制作视频

  第三步:在PC端商品页面播放视频,这时视频的右侧会弹出一个“分享”点击一下,找到这个视频源的链接。

京东内容助手如何高效制作视频

京东内容助手如何高效制作视频

京东内容助手如何高效制作视频

  第四步:在APP端新建一个活动页面,这里注意活动时间一定要设置长一些,最好是设置为一年,这样就避免活动到期的视频下架看不到。

京东内容助手如何高效制作视频

京东内容助手如何高效制作视频

  第五步:APP活动页中模块类型选择创意代码类的“自定义内容区”

京东内容助手如何高效制作视频

  第六步:模块中插入视频代码(这一步是所有流程中的最关键的一步,非常重要)

京东内容助手如何高效制作视频

  为了让大家清楚代码结构,视频中的源代码如下:

  <iframe id="le-video" frameborder="0" scrolling="no" style="display:block; width:750px; height:422px; margin:0 auto;" src="//s.yuntv.letv.com/bcloud.html?uu=82abd5491f&vu=56bd560c78&width=750&pu=098df6fe6d&height=422">

  </iframe>

  现在我们对这段代码进行解剖,这段代码里面用到了,iframe元素也就是文档中的文档,或者浮动的框架(frame);

  通俗一点说就是在网页中嵌套另一网页(IFRAME标签),之所以能在APP端显示框架中的视频, 就是这个iframe框架机构起的作用。

  分段解读如下:(注意:括号中为小编标注是为了让大家更好理解代码内容结构)

  <iframe id="le-video" (框架的ID,这个是乐视视频的意思,京东视频播放调用的是乐视视频插件)

  frameborder="0" (框架边框=0,就是视频满屏播放)

  scrolling="no" (边框滚动=no,就是视频静止在固定宽度和高度内播放)

  style="display:block; (式样=显示模块,就是APP端框架中显示视频的意思)

  width:750px; (宽度=视频的宽度750)

  height:422px; (高度=视频的高度422)

  margin:0 auto;" (余量=0)

  src="//s.yuntv.letv.com/bcloud.html?uu=82abd5491f&vu=56bd560c78&width=750&pu=098df6fe6d&height=422">

  </iframe>

  (这一段是视频的源链接,注意在源链接中的【src="//yuntv.letv.com】这个地方是多了【s.】的)视频源链接中有高度和宽度的参数。分别是:750和422。

  第七步:做好了活动页后就预览一下效果,左侧应该能看到视频预播放画面,用手机扫描右侧的二维码能看到下图手机中的视频框架画面。

京东内容助手如何高效制作视频

  如果上面的两个预览视频图都正常显示,那么到这一步为止,所有的设置都是正确的了。

  第八步:把视频插入到APP端商品详情页中去,这里有2种方法。(A方法是直接通过手机端关联板式插入视频;B方法是直接在商品详情页中插入视频,

  其中A方法不会改变商品既有是搜索权重,而且能快速同步到多个商品,撤销、修改版式也比较灵活;B方法会对商品搜索有影响,所有建议使用A方法,下面我们分开来讲2个不同的设置方法。)

  A方法是直接通过手机端关联板式插入视频

  第1步:新建一个关联板式,把视频预播放画面640PX宽度的截图插入到手机版头部内容区域。

京东内容助手如何高效制作视频

京东内容助手如何高效制作视频

  然后对这张图片做链接,这个链接就是我们前面做的APP活动页地址链接,如下

京东内容助手如何高效制作视频

京东内容助手如何高效制作视频

  第2步:在在售商品列表中勾选需要做关联板式的SPU设置对应的关联板式即可实现APP端这个商品中有视频文件。

京东内容助手如何高效制作视频

京东内容助手如何高效制作视频

  B方法是直接在商品详情页中插入视频

京东内容助手如何高效制作视频

  B方法就是直接在手机详情页头部中插入一张图片,然后这张图片指向APP端的活动页即可实现最终的目的。

  再一次回顾很多商家一直期盼的APP端插入视频愿望,就知道代码功能其实很强大,无所不能,只有想不到的,没有做不到的,懂代码能突破很多平台的局限性。

  好了,说了这么多,估计有人看的也是云里雾里的了,现在总结一下思路,让大家更好理解以上的步骤。其实关键的步骤只需要3步走即可。

  一、上传视频,找到视频源链接地址。

  二、创建一个APP端活动页,活动页内插入视频。

  三、通过关联板式或者手机端详情页插入图片,图片指向APP端活动页地址链接。

  小编这样一说是不是感觉很简单了,呵呵,不妨试一下这个方法赶紧上传视频吧,让你家爆款详情页做到更好吧。

  下一次分享干货,更精彩!

  由于平台原因部分图片显示不了,想要看全部图片的话可以点击这里

  --THE END--

  美迪电商学院,专注电商培训,分享专业电商知识,关注我们,一起走上电商成功之路。

版权声明

本文仅代表作者观点,不代表百度立场。
本文系作者授权百度百家发表,未经许可,不得转载。

分享:

扫一扫在手机阅读、分享本文

发表评论
热门文章
  • LOL换肤大师和uu动态按键和云顶换肤防封版v14.20

    LOL换肤大师和uu动态按键和云顶换肤防封版v14.20
    特效+动态特效换肤 - 游戏内按键特效换肤,独家开发!欢迎体验!告别以往游戏内换皮不换肉,只换外表,没有特效的时代  游戏内动态按键换皮肤,还有特效,关键还是免费软件换肤交流群 :818323763 加过其他群的不用再加!按pageUp 和 pageDown键 换肤!!先登录游戏到大厅,以管理员打开软件,点击启动即可,请勿手动关闭软件下载地址:https://52fz.lanzoup.com/iHdKv2cl2ewj...
  • lol皮肤盒子哪个最稳(为什么LOL皮肤盒子价格相差这么多?说百分百不封号可信吗?)

    lol皮肤盒子哪个最稳(为什么LOL皮肤盒子价格相差这么多?说百分百不封号可信吗?)
    今天给各位分享lol皮肤盒子哪个最稳的知识,其中也会对为什么LOL皮肤盒子价格相差这么多?说百分百不封号可信吗?进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!我记得有个叫lol换肤大师的,下载下来之后解压叫lolskin。这个挺稳定的,我以前用过一段时间,没封过。我下载过一个叫uu换肤的,用了很多次,没出现过问题关于lol皮肤盒子哪个最稳和为什么LOL皮肤盒子价格相差这么多?说百分百不封号可信吗?的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?...
  • 你是我带过最差的一届骗子_你们这一届骗子,是我见过最差的一届!!!

    你是我带过最差的一届骗子_你们这一届骗子,是我见过最差的一届!!!
      吐槽一波,最近在网上看到的那些奇葩的骗子。论编故事的能力,除了朋友圈的微商,我只服这些骗子。  他们紧跟时事热点,不错过一丝机会。明星出轨、人工智能打败围棋大师,这种和正常人生活八竿子都打不到的事件,他都能编个脑洞大开的故事来骗你。▼▼然而再鸡贼的骗子也抵不过我们曲折的套路1234567  骗子:玛德,怎么会遇到这些蛇精病,思路都给老子打乱了!  哈哈哈哈,这种智商还出来骗人,监狱就是你下一个家啊!你们这一届骗子,是我见过最差的一届!!!  任  桐乡百事通QQ:2256...
  • 英雄联盟辅助_LOL大神培训营,英雄联盟不能缺失你的助手

    英雄联盟辅助_LOL大神培训营,英雄联盟不能缺失你的助手
      【英雄联盟LOL】当下最热门的竞技类网游了吧?是不是很多人跟我一样,玩一款游戏就经常上很多网站去看资讯、查攻略,很繁琐。现在只要安装一个【掌上英雄联盟】就够了,它是腾讯游戏英雄联盟官方发行的一款app,把LOL与生活完美结合,随时随地掌握一手LOL资讯。    首页“最新”内容资讯最先知道。     “赛事”情况,玩家们最关心的也有。     赛事“视频”录播,高手玩家视频,自己成神的道理上,总少不了看高手视频这个阶段。     “官方”顾名思义,就是官网最新的更新动态,...
  • 我的世界手机版钻石兑换码_《我的世界手机版》钻石换经验方法介绍

    我的世界手机版钻石兑换码_《我的世界手机版》钻石换经验方法介绍
      我的世界手机版传说可以使用钻石来刷经验,各位玩家如果是土豪的话可以采用这种方法:  首先我们搭出一个框架:    接着在里面铺满岩浆:     然后放钻石进去吧:     经验滚滚而来:     赶紧收集吧!     以上就是当乐网小编今天给大家带来的 我的世界手机版的攻略分享,各位玩家可以试试这种方法,看看行不行得通。   ??我的世界手机版必备软件下载??  我的世界手机版下载我的世界手机版启动器我的世界手机版编辑器我的世界游戏软件我的世界手机版种子生成器我的世界手机...