有没有办法在 Facebook 上分享 React 页面并传递图像？

Question

我正在尝试让我的 React 页面可以在 Facebook 和 Twitter 上共享。 我尽了一切努力，我整天都在谷歌上搜索，但找不到答案。

 <FacebookShareButton url={window.location.href} title={exactNews.text ?exactNews.title : ""}> 
      <FaFacebookF/>
 </FacebookShareButton>

有什么建议吗？

Answer 1

无法再将图像传递到共享选项，将图像添加到共享 URL 的唯一方法是使用源中的

og:image

标签。请注意，Facebook 忽略 JavaScript，因此

og:image

标签必须位于原始源中，而不是通过 JavaScript 动态添加。然后，Facebook 会自动使用

og:image

标签中指定的图像。

更多信息：https://ogp.me/

您可以使用 https://prerender.io/benefits/social-media-sharing/ 或 Next.js 等框架使用正确的 OG 图像在服务器端渲染页面。