• 开发教程与代码示例
  • 入门
  • 小程序框架
  • 小程序运行时
  • 自定义组件
  • 基础教程
  • 能力教程
  • 流量入口
  • Web 化进搜索
  • 在抖音直播间挂载小程序
  • 在抖音短视频上挂载小程序锚点
  • 接入侧边栏复访营销工具-退出挽留玩法
  • 通用能力
  • 推广变现
  • 经营能力
  • 行业能力
  • AI/AR 能力
  • 性能优化
  • 安全
  • 在抖音直播间挂载小程序

    收藏
    我的收藏

    简介

    该 Codelab 将聚焦在如何在抖音直播中实现挂载小程序入口。

    能力介绍

    用户在抖音端内开播时可选择挂载小程序的某个页面,用户进入直播间可通过小雪花进入小程序某页面,从而帮助小程序提升流量和转化率。

    名词定义

    名称
    定义
    示例
    小雪花
    直播间提供的小程序快捷入口,因图标酷似雪花而得名。
    讲解卡
    直播间提供的小程序入口,卡片样式展示在直播间右下。
    挂载
    在直播间显示快捷入口的操作,这里特指在直播间展示小雪花的行为。

    最终效果

    学习内容

    如何在抖音直播间上展示小程序小雪花。

    直播挂载权限申请

    本页目标

    开发者可以申请对应的直播挂载权限。

    挂载权限介绍

    这里一共有两种权限,可以满足短视频挂载的操作。
    详情如下:
    权限名称
    权限描述
    直播自主挂载能力申请通过后,与小程序绑定成功的抖音号在抖音端内开播时可选择挂载小程序的某个页面,用户进入直播间可通过小雪花进入小程序某页面,从而帮助小程序提升流量和转化率。
    直播 UGC(用户创作)挂载能力(原直播通用挂载),能力申请通过后,主播在抖音端内开播时可选择挂载小程序的某个页面作为锚点,用户进入直播间可通过小雪花入口进入小程序某页面,从而帮助小程序提升流量和转化率。
    准入条件
      1.小程序已上线。
      2.小程序的服务类目在能力开放类目内,查看开放的服务类目
      小程序已上线。
      小程序最近一个月活跃用户数大于等于 10 万。
    快速入口
    主播挂载条件
    小程序绑定的抖音号。
      抖音单端粉丝量级达到 1000。
      近期无违规,符合直播规范。

    申请直播自主挂载能力

    控制台申请

      2.在「我的应用」的「小程序」页签点击目标应用。
      3.在应用详情页面左侧导航栏选择「能力」>「挂载」,在「挂载」页面选择「直播挂载」>「自主挂载」。
      4.在「自主挂载」页面的「直播自主挂载能力」区域确认该小程序是否满足申请条件。
      如果满足,勾选「我已阅读并同意《小程序挂载功能服务协议》」,点击「申请开通」
      如果不满足,请参考直播自主挂载能力开通规范,检查不满足的原因,待满足条件后再重新申请。

    使用服务端接口申请

    如果您使用小程序服务商,或者希望通过接口进行相关能力的申请。
    名称
    类型
    描述
    OpenAPI
    该接口为服务商提供,代授权的商家小程序申请能力。
    OpenAPI
    该接口为服务商提供,代授权的商家小程序查询能力。

    申请直播 UGC(用户创作)挂载能力

    控制台申请

      2.在「我的应用」的「小程序」页签点击目标应用。
      3.在小程序详情页面左侧导航栏选择能力> 挂载,在挂载页面点击直播挂载,在直播挂载页签中点击 UGC 挂载
      4.在「自主挂载」页面的「直播自主挂载能力」区域确认该小程序是否满足申请条件。
      如果满足,勾选「我已阅读并同意《小程序挂载功能服务协议》」,点击「申请开通」
      如果不满足,请参考直播自主挂载能力开通规范,检查不满足的原因,待满足条件后再重新申请。

    使用服务端接口申请

    如果您使用小程序服务商,或者希望通过接口进行相关能力的申请。
    名称
    类型
    描述
    OpenAPI
    该接口为服务商提供,代授权的商家小程序申请能力。
    OpenAPI
    该接口为服务商提供,代授权的商家小程序查询能力。

    平台审核

    平台会结合小程序应在功能实用性、界面设计、交互体验、稳定性等方面进行评估,审核时间为 2~3 个工作日,审核结果以站内信的形式通知。
    开通后,发现开发者在使用过程中滥用此能力,对用户或平台造成负面影响,平台将有权利随时对该功能进行收回,并视情况对违规的小程序进行处罚。

    自主挂载能力 - 绑定抖音号

    能力开通成功后,需绑定可挂载该小程序的抖音号,可以是企业号或个人号,小程序所有者发起绑定后,抖音号的所有者需要在抖音 App 底部-消息-服务通知进行授权确认,才可成功绑定。
    一个小程序绑定的账号上限为 10 个(绑定失败不占名额),且一个抖音号只能被一个小程序成功绑定。具体操作请参见小程序经营矩阵账号

    在小程序中接入直播挂载能力

    本页目标

    实现在抖音直播中挂载小程序锚点。

    小程序内实现直播挂载流程

    前置要求

      小程序已有直播挂载权限。
      抖音账号有直播和挂载小程序权限。
      暂未支持在 IDE 调试,可在彩蛋页进行调试。

    入口

    开播前/开播中主播打开小程序-添加此页,可在直播中挂载小程序锚点。

    代码实现

    实现 onLiveMount 方法

    Page({ data: {}, onLiveMount(liveParam) { console.log(`liveParam: `, liveParam); return { title: "直播挂载", success(res) { console.log("success:", res); }, fail(res) { console.log("fail:", res); }, complete(res) { console.log("complete:", res); }, }; }, });

    Demo 工程

    总结

    恭喜,你已经完成了抖音直播上显示小程序锚点的 Codelab。
    你在该 Codelab 中了解了如何在抖音直播上展示小程序锚点。

    更多 Codelab

    如果想了解更多 Codelabs,请返回 Codelabs