支付寶小程序：關注/跳轉生活號

產品介紹簡介

為了方便開發者更好運營小程序，實現小程序與生活號之間的聯動。支付寶提供了 life-follow 組件和?lifestyle組件，實現了在小程序里關注生活號和跳轉生活號的能力。

開發者可直接在小程序內將用戶轉化為生活號粉絲，通過生活號的消息能力，持續地運營，形成“服務 + 運營”的完整閉環。

用戶在小程序頁面內可一鍵關注或跳轉生活號。

• 該能力對企業支付寶賬戶和個人支付寶賬戶（含個體工商戶）均開放；

• 僅支持已和當前小程序關聯的生活號，生活號和小程序關聯的方法，請閱讀 生活號管理。

免費。

• 用戶未關注該生活號，可點擊 關注?按鈕，直接在小程序內關注該生活號；

• 用戶可點擊生活號的 logo 直接跳轉到該生活號首頁；

• 僅支持已和當前小程序關聯的生活號；

• 一個頁面只能引用一次；

• 目前關注生活號組件暫不支持自定義樣式；

• 關注生活號組件支持版本：SDK 1.3.0 / 支付寶 10.1.5 及更高級版本。

用戶在小程序中關注生活號的頁面顯示如下：

要在您的小程序內使用關注生活號功能，您需要首先完成 開發者入駐 并 創建小程序。

登錄 生活號官方平臺，按照生活號的 小程序管理 的指引，關聯小程序。

小程序無需添加功能即可調用 關注生活號組件，傳入生活號 ID，組件上會展示該生活號的 logo 及名稱。具體代碼可以參考組件文檔內的代碼示例。

請使用 my.canIUse('lifestyle') 方法判斷當前版本是否可用關注生活號組件。

data:{    canUse: my.canIUse('lifestyle'),  }

<view>    <lifestyle a:if="{{canUse}}" publicId='your_lifestyle_id'/>    <view a:else>請升級支付寶支持關注生活號組件</view></view>

life-follow 組件是生活號平臺提供給商戶用于拉新獲粉的工具。

商家通過創建?life-follow 組件，應用于小程序頁面，引導小程序內的用戶關注生活號，提升生活號的粉絲數。

組件提供靈活配置能力，支持商戶自定義引導文案和圖片，還支持透出關注有禮等拉新權益，提高獲粉效率。

商家可通過生活號消息能力，對已關注的用戶進行觸達和促活，提高自運營效率。

近期小程序關注組件完成了一次產品升級，詳情參見 生活號升級公告。

免費。

• life-follow 組件支持應用于小程序頁面，不支持應用于 H5 頁面和 NATIVE 頁面。life-follow?組件交互方式：從當前小程序頁面底部彈出浮層。

• 一個生活號可創建多個 life-follow?組件，商戶可根據不同的場景應用不同的組件，每個組件有唯一的 id 可獨立應用。一個關注組件，可以被應用在多個小程序中，不受主體限制。即“A 的小程序可以推薦 B 的生活號”。

• 建議應用場景：用戶點擊某個區域（按鈕或圖片）后彈出組件。

• 組件使用邏輯：

  • 組件可判斷用戶關注狀態，即用戶當前是未關注該生活號，還是已關注。針對未關注用戶支持彈出組件，已關注用戶則不彈出。

  • 用戶點擊關注按鈕，即完成關注生活號；用戶點擊關閉按鈕，則關閉組件，并未關注生活號。

  • 針對單個組件 id，用戶關閉組件總共達 3 次，則不再會再展示給用戶。（用戶關閉組件次數，將通過回調傳給商戶）。

  • 用戶首次通過組件完成關注，有圖片提示關注結果：可在朋友頁查看生活號。非首次通過組件關注，則 toast 提示關注結果。

• 生活號平臺入口： 生活號商家后臺 > 推廣 > 關注組件 > 小程序關注組件。

• 小程序平臺入口： 開發者需進入小程序詳情頁，選擇左側 用戶互動 >?生活號管理?，在生活號列表下方，開發者可以找到 生活號關注組件 的配置入口，點擊 立即配置 進入配置頁面。

?

注意：文案及圖片，請配置合理有效的引導內容。禁止配置誘導性營銷內容。

組件配置信息需經過審核后才能應用。一般審核過程較快。

如果審核未通過，可編輯修改信息后重新提交審核。

點擊應用后，可復制代碼<life-follow sceneId="*****" />應用于小程序的開發中。

請使用 my.canIUse('life-follow') 方法判斷當前版本是否可用關注生活號組件。

Page({  data: {    show: my.canIUse('life-follow'),  }})

該模式使用場景為：

• 在用戶尚未關注的情況下透出 關注生活號 按鈕，點擊關注生活號即喚起二次確認浮層。

• 在用戶關注后的情況下透出 查看生活號 按鈕，點擊查看生活號后進入生活號主頁。

• 代碼量少，接入簡單。

示例代碼

<life-follow    sceneId="****"/><view onTap="tap">點擊關注生活號</view>

高階模式支持 獲取關注狀態、用戶手動關閉次數 等信息。主要包括以下幾點：

• 在組件渲染前獲取到關注狀態。

  • 使用方法：checkFollow設置為true，并且傳入onCheckFollow回調。

  • 注意事項：checkFollow設置為true后，組件不會渲染。如要渲染組件，需把checkFollow設置為false并且重新掛載組件（通過a:if先設置為組件展示為false；再設置為true示例如下）。

• 用戶關閉彈框時獲取到最新關注狀態。

  • 使用方法：傳入onClose回調。

  • 注意事項：在 關注/關閉 生活號浮層時觸發回調。

<!-- .axml--><life-followr  a:if="{{show}}"r  sceneId="****"r  checkFollow="{{checkFollow}}"r  onCheckFollow="checkFollowCb"r  onClose="closeCb"r/>

// .jsPage({r  data: {r    show: true,r    checkFollow: true, // 通過組件獲取關注狀態。r  },r  checkFollowCb(e) {r    // e.detail對象里會有followed字段，可以用來判斷關注狀態r  tconsole.log('call back data: ', e);r    const { followed, closeCount } = e.detailr    r    // 把checkFollow、show都置為falser  this.setData({r      checkFollow: false,r      show: false,r    });r    r    // 如果沒有關注的話，展示組件r    if (!followed) {r      setTimeout(() => {r        this.setData({r          show: true,r        });r      });r    }rt},r  closeCb(e) {r    console.log('關閉關注浮層時 觸發回調: ', e);r    this.setData({r      show: false,r    })r  }r})

• 查看組件數據統計，在生活號后臺 數據。

• 查看已創建組件的曝光和關注數據，選擇 “單個組件名稱” 進行查看。支持選擇日期后下載數據表格。

• 選擇 “所有” ，可查看所有組件數據的累計值，累計數據不做去重處理。

A：在該生活號和小程序關聯的前提下，在小程序頁面調用關注生活號組件可實現：用戶可在小程序頁面內關注或跳轉生活號。

A：會觸發。例如關注生活號、菜單點擊等事件，支付寶網關會以 POST 方式發送一條事件通知到商戶創建小程序時填寫的 應用網關 地址。