如何在HTML中通过iframe等方式展示Facebook粉丝页的最新帖子

方案1：使用Facebook官方页面插件（推荐，无需复杂开发） #

这是最稳定的实现方式，不需要你自行处理数据请求、样式适配等问题，能完整还原帖子原生样式：

• 先进入Facebook官方页面插件配置界面，填入你的粉丝页公开URL
• 配置模块参数：开启展示帖子选项，根据你的网页布局调整插件宽度、高度
• 额外添加data-limit="1"属性到生成的嵌入代码中，即可限制仅加载最新1条帖子
• 你可以按需调整配置参数隐藏不需要的模块：比如隐藏粉丝页封面、头像、粉丝数、好友点赞列表等，最终只保留单条帖子的完整内容

以下是可直接使用的代码示例，替换你的粉丝页URL即可：

<!-- 在页面<body>标签最开头引入Facebook SDK，全站只需要引入一次 -->
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/zh_CN/sdk.js#xfbml=1&version=v18.0"></script>

<!-- 在需要展示帖子的位置插入这段代码 -->
<div class="fb-page" 
     data-href="替换为你的Facebook粉丝页URL"
     data-tabs="timeline"
     data-width="500"
     data-height="600"
     data-limit="1"
     data-small-header="true"
     data-adapt-container-width="true"
     data-hide-cover="true"
     data-show-facepile="false">
</div>

方案2：调用Facebook Graph API（适合需要自定义展示样式的场景） #

如果你需要完全自定义帖子的展示样式，可以用接口拉取数据自行渲染：

• 首先注册Facebook开发者账号，创建应用后获取有效的访问令牌（Access Token）
• 调用粉丝页帖子接口，设置limit=1参数即可仅返回最新1条帖子的全量数据，包括文本内容、图片、视频、发布时间、互动数据等所有信息
• 自行编写HTML、CSS代码按照你需要的样式渲染返回的帖子内容即可实现完全定制化的展示效果

注意事项 #

• 你的Facebook粉丝页必须设置为公开状态，不能设置年龄、地域等访问限制，否则嵌入的内容外部访客无法正常查看
• 使用Graph API方案时注意访问令牌的有效期，需要定期更新避免接口请求失败
• 所有嵌入展示的帖子内容需要遵守Facebook平台的使用规范，不能擅自篡改帖子原始内容

内容的提问来源于stack exchange，提问作者popouu