📜  将 Facebook 提要嵌入网站 (1)

📅  最后修改于: 2023-12-03 14:53:43.303000             🧑  作者: Mango

将 Facebook 提要嵌入网站

如果你想在自己的网站上嵌入 Facebook 的提要,让访问网站的用户能够实时查看你的 Facebook 页面更新,那么你可以使用 Facebook 提供的开发工具实现。

步骤1: 登录 Facebook Developers

首先你需要登录 Facebook Developers ,点击 “我的应用”,创建一个新的应用程序。在创建过程中需要填写应用程序名称和联系人的电子邮箱地址等基本信息。如果已经有 Facebook 应用程序可以跳过此步骤。

步骤2: 生成 Facebook 提要代码

创建完应用程序后,在“设置”页面下找到“嵌入页面”选项,点击“生成代码”即可在弹出的窗口中生成 HTML 代码片段。

步骤3: 粘贴代码到网站页面

将代码片段复制到你的网站页面源代码中的相应位置即可。用户访问网站时,就能够看到你的 Facebook 页面的最新动态。

代码示例:

<html>
<head>
  <title>My Website</title>
</head>
<body>
  <h1>Welcome to My Website</h1>
  <div id="fb-root"></div>
  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.3"></script>
  <div class="fb-post" data-href="https://www.facebook.com/20531316728/posts/10154009990506729/" data-width="500"></div>
</body>
</html>

以上代码将在网页中生成一个宽度为500像素的 Facebook 帖子嵌入元素,你只需要修改 data-href 属性的值即可嵌入你自己的帖子。

注意:需要将 <div id="fb-root"></div> 元素插入到 body 元素的开始位置。

参考文档:Facebook Developers - Social Plugins