百度智能小程序-如何使用小程序登錄能力
- 威海百度搜索資源平臺 威海百度智能小程序運營
- 3226
為幫助開發(fā)者更好地運營用戶，智能小程序團隊推出了官方登錄組件。
當開發(fā)者使用官方登錄能力后，可方便地獲取百度提供的登錄用戶身份標識狀態(tài)及相應用戶信息，實現(xiàn)帳戶信息的打通和各業(yè)務間的聯(lián)動，從而幫助開發(fā)者快速建立小程序內(nèi)的用戶體系，更便捷地運營用戶。
手機號授權(quán)內(nèi)嵌組件開發(fā)流程：查看開發(fā)文檔。聯(lián)合登錄 / 手機號授權(quán)登錄開發(fā)流程：查看開發(fā)文檔。
一、觸發(fā)登錄的入口
開發(fā)者選擇合適的場景，進行用戶登錄引導
全頁功能觸發(fā)：頁面中的所有內(nèi)容均需要登錄才能瀏覽 / 操作；
局部功能模塊觸發(fā)：頁面中的部分內(nèi)容模塊，需要登錄才能瀏覽 / 操作；
個人中心觸發(fā)：在個人中心場景下，由未登錄頭像、按鈕、說明文案組合構(gòu)成。
示例 1：我的收藏（全頁功能觸發(fā)）
示例 2：購物車（局部功能模塊觸發(fā)）
示例 3：個人中心觸發(fā)
二、選擇登錄的交互流程
1. 手機號授權(quán)內(nèi)嵌組件：一步完成，操作步長最短，點擊后直接登錄完成。
2. 聯(lián)合登錄 / 手機號授權(quán)登錄 ：降低跳出感，削弱對用戶的打斷感，點擊后觸發(fā)授權(quán)登錄半層面板。
示例1：點擊登錄按鈕，直接登錄
示例2：點擊立即購買按鈕，觸發(fā)登錄授權(quán)面板
1. 手機號授權(quán)內(nèi)嵌組件
面向希望快速搭建登錄流程的開發(fā)者，小程序官方提供手機號授權(quán)內(nèi)嵌組件。
手機號授權(quán)內(nèi)嵌組件開發(fā)流程：查看開發(fā)文檔。
全頁/局部功能場景推薦使用手機號授權(quán)內(nèi)嵌組件。
示例1：我的收藏頁
示例2：小程序logo登錄頁
示例3：沉浸式登錄頁
示例4：購物車頁
應用手機號授權(quán)內(nèi)嵌組件可以減少操作步長，提升登錄體驗。以查看收藏常見流程為例，應用內(nèi)嵌組件后減少4步操作。
2. 聯(lián)合登錄 / 手機號授權(quán)登錄
在百度 APP 中，配合“百度用戶授權(quán)登錄”文案的按鈕 / 文字鏈，體現(xiàn)官方權(quán)威感，增強用戶信任；
如展示空間較小，也可以直接使用“授權(quán)登錄”文案的按鈕 / 文字鏈。
聯(lián)合登錄 / 手機號授權(quán)登錄開發(fā)流程：查看開發(fā)文檔。
建議直接使用 百度授權(quán)登錄按鈕 (1) ，也可根據(jù)自身品牌進行樣式自定義（2）。
三、避免以下體驗不佳的情況
1. 違反功能實現(xiàn)規(guī)范
說明：小程序頁面頂部、中間、底部等所有的分類導航按鈕，點擊后均應該跳轉(zhuǎn)對應的二級頁面
錯誤
切換底部導航TAB時，調(diào)起授權(quán)面板。
錯誤
切換底部導航TAB時，調(diào)起登錄彈窗。
錯誤
切換底部導航TAB時，在當前頁面調(diào)起登錄中間頁。
說明：跳出彈窗時，用戶可選擇接受或拒絕，不允許出現(xiàn)彈窗無法關(guān)閉的情況
正確
用戶可以選擇登錄，也可以不登錄。
錯誤
不允許出現(xiàn)彈窗無法關(guān)閉的情況。
說明：各個功能的排版、樣式、位置要合理，確保用戶在任何場景下都可以迅速找到該功能
正確
保證可讀性的前提下，通過適當?shù)念伾钆漭o助品牌定位。
錯誤
按鈕可讀性差（1），請不要使用警示色（2）或置灰色（3）。
2. 違反不妨礙用戶規(guī)范
說明：不允許頻繁多次跳出不必要的獲取定位、手機號等獲取用戶權(quán)限或其他廣告彈窗
用戶剛進入小程序就強制用戶登錄，若用戶未同意，就無法使用小程序；
用戶剛進入小程序就彈窗強提醒用戶登錄，若用戶未同意，就無法使用小程序；
用戶拒絕授權(quán)登錄或未主動觸發(fā)登錄授權(quán)流程，雖可繼續(xù)使用小程序，但是在用戶接下來的使用中仍頻繁要求用戶登錄。
錯誤
不登錄無法看到任何內(nèi)容。
錯誤
進入首頁就強制彈窗要求登錄。
說明：不允許在用戶主要路徑放置不可關(guān)閉的懸浮組件，干擾用戶瀏覽體驗
錯誤
在小程序首頁放置不可關(guān)閉的浮層、懸浮按鈕，影響閱讀體驗。
3. 不符合百度核心能力接入要求
錯誤
未使用小程序授權(quán)能力登錄。
錯誤
刻意弱化小程序授權(quán)能力登錄。
四、體驗資產(chǎn)
你可以通過智能小程序提供的示例模板，快速地接入最新登錄能力。
登錄中間頁模板調(diào)用說明： 查看開發(fā)文檔 。
模板1：默認登錄頁
模板2：品牌圖片登錄頁
模板3：功能前置登錄頁
模板4：沉浸式登錄頁
來源：百度智能小程序
