reactjs - 在 react js 和 Next js 应用程序中动态添加特定的图像和标题到 Facebook 共享链接

Question

我的 react js web 应用程序包含一个动态的文章列表，我正在尝试在 Facebook 上共享当前链接（即文章详细信息页面）。我花了一个小时寻找发送/共享图像的方法，但没有找到正确的解决方案，我可以使用该解决方案与链接一起共享文章的图像和标题。有人有想法吗？请建议我一些示例链接或想法，以在我的 react js 应用程序中实现这一点。

标签： reactjsfacebooknext.jssocialshare

Answer 1

您共享的任何链接都必须在初始 HTML 源中包含 OG 标签。动态标签是不可能的，Facebook 忽略 JavaScript。使用 Next.js，您可以使用SSR（服务器端渲染）来避免这种情况。每篇文章都必须有一个带有特定 OG 标签的静态 URL。

或者，您可以为此使用https://prerender.io/ 。但是由于您已经在使用 Next.js，我宁愿使用带有 SSR 的自定义服务器。