支付宝小程序：关注/跳转生活号

产品介绍简介

为了方便开发者更好运营小程序，实现小程序与生活号之间的联动。支付宝提供了 life-follow 组件和?lifestyle组件，实现了在小程序里关注生活号和跳转生活号的能力。

开发者可直接在小程序内将用户转化为生活号粉丝，通过生活号的消息能力，持续地运营，形成“服务 + 运营”的完整闭环。

用户在小程序页面内可一键关注或跳转生活号。

• 该能力对企业支付宝账户和个人支付宝账户（含个体工商户）均开放；

• 仅支持已和当前小程序关联的生活号，生活号和小程序关联的方法，请阅读 生活号管理。

免费。

• 用户未关注该生活号，可点击 关注?按钮，直接在小程序内关注该生活号；

• 用户可点击生活号的 logo 直接跳转到该生活号首页；

• 仅支持已和当前小程序关联的生活号；

• 一个页面只能引用一次；

• 目前关注生活号组件暂不支持自定义样式；

• 关注生活号组件支持版本：SDK 1.3.0 / 支付宝 10.1.5 及更高级版本。

用户在小程序中关注生活号的页面显示如下：

要在您的小程序内使用关注生活号功能，您需要首先完成 开发者入驻 并 创建小程序。

登录 生活号官方平台，按照生活号的 小程序管理 的指引，关联小程序。

小程序无需添加功能即可调用 关注生活号组件，传入生活号 ID，组件上会展示该生活号的 logo 及名称。具体代码可以参考组件文档内的代码示例。

请使用 my.canIUse('lifestyle') 方法判断当前版本是否可用关注生活号组件。

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

        请升级支付宝支持关注生活号组件

life-follow 组件是生活号平台提供给商户用于拉新获粉的工具。

商家通过创建?life-follow 组件，应用于小程序页面，引导小程序内的用户关注生活号，提升生活号的粉丝数。

组件提供灵活配置能力，支持商户自定义引导文案和图片，还支持透出关注有礼等拉新权益，提高获粉效率。

商家可通过生活号消息能力，对已关注的用户进行触达和促活，提高自运营效率。

近期小程序关注组件完成了一次产品升级，详情参见 生活号升级公告。

免费。

• life-follow 组件支持应用于小程序页面，不支持应用于 H5 页面和 NATIVE 页面。life-follow?组件交互方式：从当前小程序页面底部弹出浮层。

• 一个生活号可创建多个 life-follow?组件，商户可根据不同的场景应用不同的组件，每个组件有唯一的 id 可独立应用。一个关注组件，可以被应用在多个小程序中，不受主体限制。即“A 的小程序可以推荐 B 的生活号”。

• 建议应用场景：用户点击某个区域（按钮或图片）后弹出组件。

• 组件使用逻辑：

  • 组件可判断用户关注状态，即用户当前是未关注该生活号，还是已关注。针对未关注用户支持弹出组件，已关注用户则不弹出。

  • 用户点击关注按钮，即完成关注生活号；用户点击关闭按钮，则关闭组件，并未关注生活号。

  • 针对单个组件 id，用户关闭组件总共达 3 次，则不再会再展示给用户。（用户关闭组件次数，将通过回调传给商户）。

  • 用户首次通过组件完成关注，有图片提示关注结果：可在朋友页查看生活号。非首次通过组件关注，则 toast 提示关注结果。

• 生活号平台入口： 生活号商家后台 > 推广 > 关注组件 > 小程序关注组件。

• 小程序平台入口： 开发者需进入小程序详情页，选择左侧 用户互动 >?生活号管理?，在生活号列表下方，开发者可以找到 生活号关注组件 的配置入口，点击 立即配置 进入配置页面。

?

注意：文案及图片，请配置合理有效的引导内容。禁止配置诱导性营销内容。

组件配置信息需经过审核后才能应用。一般审核过程较快。

如果审核未通过，可编辑修改信息后重新提交审核。

点击应用后，可复制代码应用于小程序的开发中。

请使用 my.canIUse('life-follow') 方法判断当前版本是否可用关注生活号组件。

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

该模式使用场景为：

• 在用户尚未关注的情况下透出 关注生活号 按钮，点击关注生活号即唤起二次确认浮层。

• 在用户关注后的情况下透出 查看生活号 按钮，点击查看生活号后进入生活号主页。

• 代码量少，接入简单。

示例代码

点击关注生活号

高阶模式支持 获取关注状态、用户手动关闭次数 等信息。主要包括以下几点：

• 在组件渲染前获取到关注状态。

  • 使用方法：checkFollow设置为true，并且传入onCheckFollow回调。

  • 注意事项：checkFollow设置为true后，组件不会渲染。如要渲染组件，需把checkFollow设置为false并且重新挂载组件（通过a:if先设置为组件展示为false；再设置为true示例如下）。

• 用户关闭弹框时获取到最新关注状态。

  • 使用方法：传入onClose回调。

  • 注意事项：在 关注/关闭 生活号浮层时触发回调。

// .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 方式发送一条事件通知到商户创建小程序时填写的 应用网关 地址。