在抖音直播间挂载小程序
收藏简介
该 Codelab 将聚焦在如何在抖音直播中实现挂载小程序入口。
能力介绍
用户在抖音端内开播时可选择挂载小程序的某个页面，用户进入直播间可通过「小雪花」进入小程序某页面，从而帮助小程序提升流量和转化率。
名词定义
名称 | 定义 | 示例 |
小雪花 | 直播间提供的小程序快捷入口，因图标酷似雪花而得名。 | |
讲解卡 | 直播间提供的小程序入口，卡片样式展示在直播间右下。 | |
挂载 | 在直播间显示快捷入口的操作，这里特指在直播间展示小雪花的行为。 | 无 |
最终效果
学习内容
如何在抖音直播间上展示小程序小雪花。
直播挂载权限申请
本页目标
开发者可以申请对应的直播挂载权限。
挂载权限介绍
这里一共有两种权限，可以满足短视频挂载的操作。
详情如下：
权限名称 | ||
权限描述 | 直播自主挂载能力申请通过后，与小程序绑定成功的抖音号在抖音端内开播时可选择挂载小程序的某个页面，用户进入直播间可通过小雪花进入小程序某页面，从而帮助小程序提升流量和转化率。 | 直播 UGC（用户创作）挂载能力（原直播通用挂载），能力申请通过后，主播在抖音端内开播时可选择挂载小程序的某个页面作为锚点，用户进入直播间可通过小雪花入口进入小程序某页面，从而帮助小程序提升流量和转化率。 |
准入条件 |
|
|
快速入口 | ||
主播挂载条件 | 小程序绑定的抖音号。 |
|
申请直播自主挂载能力
控制台申请
- 1.登录开发者平台控制台。
- 2.在「我的应用」的「小程序」页签点击目标应用。
- 3.在应用详情页面左侧导航栏选择「能力」>「挂载」，在「挂载」页面选择「直播挂载」>「自主挂载」。
- 4.在「自主挂载」页面的「直播自主挂载能力」区域确认该小程序是否满足申请条件。
- ◦如果满足，勾选「我已阅读并同意《小程序挂载功能服务协议》」，点击「申请开通」。
- ◦如果不满足，请参考直播自主挂载能力开通规范，检查不满足的原因，待满足条件后再重新申请。
使用服务端接口申请
如果您使用小程序服务商，或者希望通过接口进行相关能力的申请。
申请直播 UGC（用户创作）挂载能力
控制台申请
- 1.登录开发者平台控制台。
- 2.在「我的应用」的「小程序」页签点击目标应用。
- 3.在小程序详情页面左侧导航栏选择能力> 挂载，在挂载页面点击直播挂载，在直播挂载页签中点击 UGC 挂载。
- 4.在「自主挂载」页面的「直播自主挂载能力」区域确认该小程序是否满足申请条件。
- ◦如果满足，勾选「我已阅读并同意《小程序挂载功能服务协议》」，点击「申请开通」。
- ◦如果不满足，请参考直播自主挂载能力开通规范，检查不满足的原因，待满足条件后再重新申请。
使用服务端接口申请
如果您使用小程序服务商，或者希望通过接口进行相关能力的申请。
平台审核
平台会结合小程序应在功能实用性、界面设计、交互体验、稳定性等方面进行评 估，审核时间为 2~3 个工作日，审核结果以站内信的形式通知。
开通后，发现开发者在使用过程中滥用此能力，对用户或平台造成负面影响，平台将有权利随时对该功能进行收回，并视情况对违规的小程序进行处罚。
自主挂载能力 - 绑定抖音号
能力开通成功后，需绑定可挂载该小程序的抖音号，可以是企业号或个人号，小程序所有者发起绑定后，抖音号的所有者需要在抖音 App 底部-消息-服务通知进行授权确认，才可成功绑定。
在小程序中接入直播挂载能力
本页目标
实现在抖音直播中挂载小程序锚点。
小程序内实现直播挂载流程
前置要求
- •小程序已有直播挂载权限。
- •抖音账号有直播和挂载小程序权限。
- •暂未支持在 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 中了解了如何在抖音直播上展示小程序锚点。
