本文主要介绍火山引擎内容详情页的实现方案和合规要求。
火山引擎提供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_url或ArticleUrl后面拼接参数&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

常见问题