?為幫助開發者更好地運營用戶，智能小程序團隊推出了官方登錄組件

當開發者使用官方登錄能力后，可方便地獲取百度提供的登錄用戶身份標識狀態及相應用戶信息，實現帳戶信息的打通和各業務間的聯動，從而幫助開發者快速建立小程序內的用戶體系，更便捷地運營用戶

手機號授權內嵌組件開發流程

查看開發文檔

聯合登錄 / 手機號授權登錄開發流程

查看開發文檔

一、觸發登錄的入口開發者選擇合適的場景，進行用戶登錄引導全頁功能觸發

頁面中的所有內容均需要登錄才能瀏覽 / 操作；局部功能模塊觸發：頁面中的部分內容模塊，需要登錄才能瀏覽 / 操作；個人中心觸發：在個人中心場景下，由未登錄頭像、按鈕、說明文案組合構成

示例 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：沉浸式登錄頁來源：百度智能小程序