You need to enable JavaScript to run this app.
导航
详情页拼接业务模块
最近更新时间:2024.02.27 14:07:17首次发布时间:2021.04.09 18:31:35

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

实现方案

方案一

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

  1. 获取火山内容H5详情页。不同的合作模式,获取方式不同:
    1. 内容推荐合作:请求获取个性化内容接口,返回article_url,即火山内容H5详情页链接。
    2. 内容输出合作:请求扫描输出内容接口,返回ArticleUrl,即火山内容H5详情页链接。
  2. 使用webview或iframe等,直接嵌入火山引擎内容H5详情页。

方案二

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

  1. 获取火山内容H5详情页。不同的合作模式,获取方式不同:

    1. 内容推荐合作:请求获取个性化内容接口,返回article_url,即火山内容H5详情页链接。
    2. 内容输出合作:请求扫描输出内容接口,返回ArticleUrl,即火山内容H5详情页链接。
  2. article_urlArticleUrl后面拼接参数&hide_relate_news=1&hide_comments=1,来控制H5页面只展示正文。其中hide_relate_news=1表示隐藏“相关推荐”,hide_comments=1表示隐藏评论。

  3. 使用webview或iframe等,嵌入H5详情页正文部分。

  4. 结合业务需要,拼接其他自定义的业务模块。

  5. 调用“相关推荐”API获取相关推荐内容数据,拼接“相关推荐”native模块。

  6. 获取评论H5页面,不同的合作模式,获取方式不同:

    1. 内容推荐合作:请求获取个性化内容接口,返回comment_url,即火山引擎评论H5链接。
    2. 内容输出合作:请求扫描输出内容接口,返回CommentUrl,即火山引擎评论H5链接。
  7. 使用iframe等嵌入评论H5页面,拼接评论H5,具体参见展示评论

合规要求

火山引擎正文H5

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

火山引擎其他区域H5

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

自定义Native模块

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

示例效果

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

常见问题

说明