在抖音直播间挂载小程序
收藏简介
该 Codelab 将聚焦在如何在抖音直播中实现挂载小程序入口。
能力介绍
用户在抖音端内开播时可选择挂载小程序的某个页面，用户进入直播间可通过「小雪花」进入小程序某页面，从而帮助小程序提升流量和转化率。
名词定义
名称 | 定义 | 示例 |
小雪花 | 直播间提供的小程序快捷入口，因图标酷似雪花而得名。 | |
讲解卡 | 直播间提供的小程序入口，卡片样式展示在直播间右下。 | |
挂载 | 在直播间显示快捷入口的操作，这里特指在直播间展示小雪花的行为。 | 无 |
最终效果
学习内容
如何在抖音直播间中展示小程序的小雪花。
直播挂载权限申请
本页目标
开发者可以申请对应的直播挂载权限。
挂载权限介绍
这里共有两种权限，可以满足直播挂载需求。
详情如下：
申请直播自主挂载能力
控制台申请
- 1.登录开发者平台控制台。
- 2.在「我的应用」的「小程序」页签点击目标应用。
- 3.在应用详情页面左侧导航栏选择「能力」>「挂载」，在「挂载」页面选择「直播挂载」> 「自主挂载」。
- 4.在「自主挂载」页面的「直播自主挂载能力」区域确认该小程序是否满足申请条件。
- ◦如果满足，勾选「我已阅读并同意《小程序挂载功能服务协议》」，点击「申请开通」。
- ◦如果不满足，请参考直播自主挂载能力开通规范，检查不满足的原因，待满足条件后再重新申请。
使用服务端接口申请
如果您是服务商平台用户，或需要通过接口申请相关能力，可使用以下接口。
平台审核
平台会结合小程序在功能实用性、界面设计、交互体验、稳定性等方面进行评估，审核时间为 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 中了解了如何在抖音直播上展示小程序锚点。
