• 下载
  • 社区

关注/跳转生活号


概述

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


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


lifestyle 组件

产品介绍

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


准入条件

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

生活号小程序关联的方法,请阅读 生活号管理


计费模式

不收费。


使用说明

  • 用户未关注该生活号,可点击 关注 按钮,直接在小程序内关注该生活号
  • 用户可点击生活号的 logo 直接跳转到该生活号首页
  • 仅支持已和当前小程序关联的生活号
  • 一个页面只能引用一次
  • 目前关注生活号组件暂不支持自定义样式
  • 关注生活号组件支持版本:SDK 1.3.0 / 支付宝 10.1.5 及更高级版本。


页面效果

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


组件1.png


接入指引

第一步:创建小程序

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


第二步:关联小程序

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


第三步:组件调用

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


属性名

类型

描述

publicId

String

必填, 生活号 ID, 必须是当前小程序已关联的生活号


请使用 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 组件,应用于小程序页面,引导小程序内的用户关注生活号,提升生活号的粉丝数。

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

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

准入条件

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

生活号小程序关联的方法,请阅读 生活号管理


计费模式

不收费。


使用说明(用户层)

  • life-follow 组件支持应用于小程序页面,不支持应用于H5页面和NATIVE页面。life-follow 组件交互方式:从当前小程序页面底部弹出浮层。
  • 一个生活号可创建多个 life-follow 组件,商户可根据不同的场景应用不同的组件,每个组件有唯一的 id 可独立应用
  • 建议应用场景:
    • 场景一,用户进入页面直接弹出组件。
    • 场景二,用户点击某个区域(按钮或图片)后弹出组件。
  • 组件使用逻辑:
    • 组件可判断用户关注状态,即用户当前是未关注该生活号,还是已关注。针对未关注用户支持弹出组件,已关注用户则不弹出。
    • 用户点击关注按钮,即完成关注生活号;用户点击关闭按钮,则关闭组件,并未关注生活号。(用户关注结果,通过回调告知商户)
    • 针对单个组件 id,用户关闭组件总共达 3 次,则不再会再展示给用户。(用户关闭组件次数,将通过回调传给商户)
    • 用户首次通过组件完成关注,有图片提示关注结果:可在朋友页查看生活号。非首次通过组件关注,则 toast 提示关注结果。

页面效果

image.png

接入指引

配置入口

  • 生活号平台入口推广 > 关注组件
  • 小程序平台入口运营中心 > 留存工具 > 生活号管理 ,在生活号列表下方,开发者可以找到 生活号关注组件 的配置入口,点击 立即配置 进入配置页面。

创建组件

参数名

是否必填

说明

名称

必填

组件名称最多输入10个字,商户自定义,用于备注组件场景,不会展示给用户

引导文案

必填

一句话推荐你的生活号

图片设置

可选

告诉用户关注你的理由,如商品图、服务图等,商户可自由勾选配置。输入主标题、副标题,添加图片,图片尺寸为200*100,如不添加,则使用默认图片

关注有礼

可选

商户可自由勾选配置。勾选后,如果商户配置了关注有礼活动,且在活动有效期内,则组件可同步权益信息,提高关注效率

注意:关注有礼活动,需要管理员账号进行配置,操作员账号无法配置


image.png

管理组件

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

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

image.png

应用组件

点击应用后,可复制代码<life-follow sceneId="*****" />应用于小程序的开发中。

image.png

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


示例代码

<life-follow
    sceneId="****"
  a:if="{{show}}"
/>
<view onTap="tap">点击关注生活号</view>


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


数据统计(商户层)

  • 查看组件数据统计,在生活号后台【数据】-【用户数据】-【关注组件分析】。
  • 查看已创建组件的曝光和关注数据,选择“单个组件名称”进行查看。支持选择日期后下载数据表格。
  • 选择“所有”,可查看所有组件数据的累计值,累计数据不做去重处理。


常见问题

怎么在小程序页面有一个相关生活号的入口?

在小程序页面调用一个关注生活号组件即可。

在该生活号和小程序关联的前提下,关注生活号组件可实现:用户在小程序页面内关注或跳转生活号。