我正在尝试让我的 React 页面可以在 Facebook 和 Twitter 上共享。 我尽了一切努力,我整天都在谷歌上搜索,但找不到答案。
<FacebookShareButton url={window.location.href} title={exactNews.text ?exactNews.title : ""}>
<FaFacebookF/>
</FacebookShareButton>
有什么建议吗?
无法再将图像传递到共享选项,将图像添加到共享 URL 的唯一方法是使用源中的
og:image
标签。请注意,Facebook 忽略 JavaScript,因此 og:image
标签必须位于原始源中,而不是通过 JavaScript 动态添加。然后,Facebook 会自动使用 og:image
标签中指定的图像。
更多信息:https://ogp.me/
您可以使用 https://prerender.io/benefits/social-media-sharing/ 或 Next.js 等框架使用正确的 OG 图像在服务器端渲染页面。