开发资讯 > 资讯详情

发布内容至抖音H5场景完整申请&接入流程

2026-07-18 11:14:55阅读 18

官方文档地址:https://developer.open-douyin.com/m/docs/resource/zh-CN/dop/develop/sdk/web-app/h5/share-to-h5

一、前置必备条件(缺一不可)

  1. 开发者账号资质
  1. 创建网站应用(Web/H5 应用)
  1. 域名安全配置 进入应用【设置 - 安全设置】,添加业务域名、授权回调域名至白名单,全部使用备案 HTTPS 地址。

图片

二、两步核心权限申请(必须同时开通)

步骤 1:申请「发布内容至抖音」+ H5 分享场景(h5.share)

  1. 左侧导航栏【能力管理】→【视频权限】;
  2. 找到 发布内容至抖音:H5 场景(h5.share),点击【申请开通】;
  3. 填写申请材料:
  1. 提交审核,审核周期 1-3 个工作日,站内信通知结果。

图片

规则:仅开通 h5.share 无法使用投稿,必须配套「发布内容至抖音」主权限。

步骤 2:申请特殊权限「获取 openTicket(open.get.ticket)」

  1. 【能力管理】→【特殊权限】;
  2. 找到 获取 openTicket 提交开通申请;
  3. 该权限用于生成抖音扫码分享 Schema 链接,是 H5 唤起抖音发布页的核心能力。

三、应用上线审核(权限开通后操作)

  1. 控制台进入对应网站应用 → 左侧【总览】→【申请上线】;
  2. 完善应用正式名称、行业类目、简介、官网;
  3. 勾选已申请的两项权限,再次补充权限使用场景说明;
  4. 提交上线审核,平台最长 5 个工作日完成校验。

图片

四、技术对接流程(权限全部通过后)

1. 获取接口鉴权凭证 Client Token

使用 Client Key + Client Secret 调用服务端接口,获取长期有效 access_token,用于所有分享接口鉴权。

2. 两种 H5 分享模式开发对接

模式 A:分享到抖音编辑页(支持单图 / 单视频)

  1. H5 前端生成待分享素材(图片 / 视频);
  2. 调用开放平台 H5 分享接口,携带素材地址、标题、话题参数;
  3. 生成抖音 Schema 链接 / 二维码;
  4. 用户抖音扫码,自动唤起抖音裁剪页→编辑页→发布页。

模式 B:分享直达抖音发布页(仅支持单视频)

  • 版本限制:Android 抖音≥20.8.0 /iOS 抖音≥21.5.0;
  • 链路缩短:扫码后直接跳转发布页,跳过裁剪、编辑步骤,提升转化;
  • 仅支持视频素材,图文不支持该模式。

图片

3. 前端落地实现

  1. H5 页面部署至备案 HTTPS 域名;
  2. 接入 JS 分享逻辑,生成可被抖音识别的分享二维码;
  3. 测试流程:手机浏览器打开 H5 → 点击分享按钮 → 抖音扫码验证跳转链路。

图片

五、H5 分享两种业务链路示意

  1. 自有 H5 引流短视频挂载:用户在你的官网 / H5 生成素材,一键分享带小程序锚点的短视频,挂载后获得抖音公域流量;
  2. 广告加热放大曝光:分享发布的短视频可投放抖音搜索广告,通过精准投放放大 H5 页面访问量。
    图片

六、审核驳回高频避坑要点

  1. 域名未备案、使用 http 协议、IP 地址作为回调域;
  2. 申请材料缺少 H5 分享截图、场景描述模糊;
  3. 应用类目与实际分享业务不匹配(如金融类无法开通分享能力);
  4. 未同时申请 h5.share 与 open.get.ticket 任一权限;
  5. H5 存在诱导下载、虚假营销、违规内容。

七、能力生效后流量配套(五大流量场景复用)

权限全部开通后,H5 分享产出的短视频可复用抖音小程序五大流量入口:

  1. 短视频挂载锚点;
  2. 直播间挂载货架;
  3. 抖音搜索检索;
  4. 信息流广告投放;
  5. 抖音侧边栏 / 主页固定小程序入口。
成熟案例:
图片
图片
图片
DISCUSSION

评论

登录后参与
请使用网站前台用户账号登录后发表评论。

正在加载评论...