一、 背景
為了優(yōu)化視頻號的用戶體驗(yàn),微信將針對視頻號場景下的小程序進(jìn)行半屏框架的改造(包括統(tǒng)一商品詳情頁的頂部導(dǎo)航欄、禁用分享等),使直播間的購物體驗(yàn)更簡潔和沉浸。
該改造將于微信 iOS 8.0.6版本發(fā)版后生效,請各位開發(fā)者仔細(xì)閱讀改造內(nèi)容。如果改造對開發(fā)者小程序購物體驗(yàn)有影響,請自行完成適配;如果無影響,版本發(fā)布后可正常在視頻號賣貨。
二、 實(shí)現(xiàn)效果
核心流程
1.直播間
2.profile頁
三、 開發(fā)者具體適配點(diǎn)
調(diào)整說明
影響場景:針對場景值1177(視頻號直播間)和1175 (視頻號profile頁)打開的小程序,其它場景可以保持原來邏輯。
核心關(guān)注頁面:視頻號直播間和profile打開的頁面,主要為商品購買主流程,包括商品詳情頁、訂單詳情頁、訂單完成頁。
具體調(diào)整點(diǎn)
1.直播打開的首頁統(tǒng)一為半屏:微信將直播間打開的首頁(商品詳情頁)調(diào)整為屏幕的3/4高度,該頁面觸發(fā)任何操作,將展開成全屏。
對視頻號打開的第一個(gè)頁面(商品詳情頁)進(jìn)行頂部改造:微信為開發(fā)者提供了兩種頂部改造方案。(其他頁面可保留自定義頭部)
(1)默認(rèn)方式:微信將針對視頻號打開的第一個(gè)頁面(包括全屏和半屏狀態(tài))提供統(tǒng)一的頂部,覆蓋原本的小程序?qū)Ш綑?,高度?4px。下個(gè)版本發(fā)布后,無需審核直接生效。說明:可能造成體驗(yàn)影響:頂部核心操作被覆蓋、原小程序自定義導(dǎo)航內(nèi)容超過默認(rèn)導(dǎo)航導(dǎo)致覆蓋不全等問題,需要自行根據(jù)業(yè)務(wù)情況調(diào)整。
(2)自定義方式(僅能力預(yù)告,5月25日之后可使用):開發(fā)者也可自己針對視頻號打開的第一個(gè)頁面的全屏狀態(tài)改造頂部(半屏狀態(tài)仍保持默認(rèn)頂部),需要去掉頂部導(dǎo)航欄中搜索、小程序?qū)Ш健⑷ブ黜摰群驮撋唐焚徺I無關(guān)的操作。開發(fā)者改造后,在app.json文件中聲明firstPageNavigationStyle為custom,則提交審核,審核通過后才能在視頻號直播。
處罰說明:若開發(fā)者使用自定義方式改造頭部,但是未按照要求進(jìn)行,一經(jīng)發(fā)現(xiàn),平臺(tái)將視違規(guī)程度對該小程序采取限制視頻號關(guān)聯(lián)功能直至封號處理。
3.禁用button open-type=share,避免出現(xiàn)轉(zhuǎn)發(fā)小程序給好友等邏輯。用戶點(diǎn)擊后,平臺(tái)提供統(tǒng)一提示“該功能暫不可用”。
4. 禁用更新相關(guān)接口(getUpdateManager),避免出現(xiàn)小程序更新的提示的邏輯。如果調(diào)用,平臺(tái)給開發(fā)者報(bào)錯(cuò),用戶層沒有感知。
5.禁用getMenuButtonBoundingClientRect,避免獲取右上角膠囊位置的邏輯。如果調(diào)用,平臺(tái)給開發(fā)者報(bào)錯(cuò),用戶層沒有感知。不繪制“添加到我的小程序”相關(guān)內(nèi)容
6.禁用openSetting,避免打開小程序設(shè)置頁。用戶點(diǎn)擊后,平臺(tái)提供統(tǒng)一提示“該功能暫不可用”。
7.禁用button open-type=feedback,避免打開反饋頁。用戶點(diǎn)擊后,平臺(tái)提供統(tǒng)一提示“該功能暫不可用”。
8.盡量避免 fixed 樣式,易出現(xiàn)界面抖動(dòng)。
9.盡量避免使用內(nèi)嵌 scroll-view,可使用頁面級滾動(dòng)。
10.不要一進(jìn)到頁面直接跳轉(zhuǎn)或者出現(xiàn)彈層。
四、 開發(fā)者體驗(yàn)方式
1.微信 for iOS 8.0.6發(fā)版前:不支持針對視頻號場景進(jìn)行開發(fā)版小程序驗(yàn)證,如需提前改造,可按照以上說明直接調(diào)整,例如不調(diào)用禁用的相關(guān)接口或者將商品詳情頁的頂部去掉外跳等。
2.微信 for iOS 8.0.6發(fā)版后(預(yù)計(jì)5月中下旬):以上能力發(fā)布并支持針對視頻號場景進(jìn)行開發(fā)版小程序驗(yàn)證,可打開“開發(fā)調(diào)試”-選擇wechat“打開半屏小程序”,進(jìn)行驗(yàn)證;或者調(diào)整后直接觀察線上效果。
常見問題
1 具體適配什么內(nèi)容
平臺(tái)統(tǒng)一改造,禁用部分能力,如果對小程序購買邏輯產(chǎn)生影響,請自行根據(jù)業(yè)務(wù)需求改造。詳見接入介紹。
2 平臺(tái)改造什么時(shí)候生效
微信 iOS 8.0.6版本發(fā)版后生效,預(yù)計(jì)5月中旬。
3 什么是內(nèi)測包,為什么我沒有內(nèi)測包
內(nèi)測包為微信8.06版本的產(chǎn)品能力,包括本次涉及的半屏和小程序能力禁用的實(shí)際效果對開發(fā)者改造影響不大。
因?yàn)閮?nèi)測包名額有限,5月6日開始平臺(tái)隨機(jī)下發(fā),沒有內(nèi)測包的開發(fā)者也可以直接按照指引提前調(diào)整適配。
4 這些頁面是微信原生的還是我自己的?
微信僅提供半屏和新全屏的框架,頁面是開發(fā)者原本的流程,按照規(guī)則適配即可。
5 哪些頁面是半屏,那些是全屏?
僅視頻號打開的商品詳情頁是半屏,該頁面里觸發(fā)任何跳轉(zhuǎn)、以及其它頁面都是打開全屏。
6 視頻號的全屏和小程序的全屏有什么差別?
視頻號場景下打開的全屏頁面,無小程序膠囊,無法實(shí)現(xiàn)轉(zhuǎn)發(fā)、留存下拉列表等能力。
文章來源公眾號: 小營銷程序(ID: wxxcxsc)授權(quán)轉(zhuǎn)載,作者: 胡波為https://mp.weixin.qq.com/s/CxI3_SF1AJ9ABTjtpbsxyw
申請創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!