你好,歡迎來到美迪電商教育! 網站首頁 培訓課程 干貨分享 申請講師 網站地圖
全國24小時招生熱線
400-800-4439

京東如何利用iframe 標簽創建APP端活動頁層疊式視頻組

來源:https://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人小班教學
點擊這里給我發消息 點擊這里給我發消息 點擊這里給我發消息 點擊這里給我發消息
本文地址:https://www.mede.com.cn/share/jd/849.html
您可能感興趣
  1. 2019-09-29
  2. 2019-09-28
  3. 2019-09-21
  4. 2019-09-11
  5. 2019-09-05
  6. 2019-08-29
  7. 2019-08-22
  8. 2019-08-10
  9. 2019-08-04
  10. 2019-07-31
在線客服 在線報名
曰本高清一本道无码av_2017伦理电影在线观看 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>