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