You need to enable JavaScript to run this app.
导航

详情页拼接业务模块

最近更新时间2022.07.20 18:14:50

首次发布时间2021.10.18 11:12:18

本文主要介绍火山引擎内容详情页的实现方案和合规要求。
火山引擎提供H5内容详情页,详情页默认由“正文+{相关推荐}+{评论}”三部分组成。您也可以按照 “正文H5+{自定义Native模块}+{相关推荐Native模块}+{自定义Native模块}+{评论H5}”
的格式拼接自己的业务模块。

实现方案

方案一

适用对象:详情页不需要拼接其他业务模块的客户。
实现步骤

  1. 获取个性化内容接口会返回ArticleUrl字段,即火山引擎内容H5详情页。
  2. 使用webview或iframe等,直接嵌入火山引擎内容H5详情页。

方案二

适用对象:详情页需要插入其他业务模块的客户。
实现步骤

  1. 获取个性化内容接口会返回ArticleUrl字段,即火山引擎内容H5详情页。
  2. ArticleUrl后面拼接参数&hide_relate_news=1&hide_comments=1,来控制H5页面只展示正文。其中hide_relate_news=1表示隐藏“相关推荐”,hide_comments=1表示隐藏评论。
  3. 使用webview或iframe等,嵌入H5详情页正文部分。
  4. 结合业务需要,拼接其他自定义的业务模块。
  5. 调用“相关推荐”接口,获取相关推荐内容数据,拼接“相关推荐”native模块。
  6. 获取个性化内容接口会返回CommentUrl字段,即火山引擎评论H5页面,使用iframe等嵌入评论H5页面,拼接评论H5,具体参见展示评论

合规要求

火山引擎正文H5

  • 创作者昵称、标识内容来源;
  • 正文H5需要在火山引擎域名下

火山引擎其他区域H5

  • H5需要在火山引擎域名下

自定义Native模块

  • 需要做「来源、责任方」标记,例如,该板块由XXX提供

示例效果

模块示例
正文H5
自定义Native
相关推荐Native
评论H5