微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

React Share Library 无法分享到 Facebook

如何解决React Share Library 无法分享到 Facebook

我使用的是 React 16.14.0 和 react-share 4.3.1

我正在尝试使用开放图谱协议将我的页面分享到 Facebook,但我不能。 导致我尝试发送的数据是从元标记获取的。 我在我的应用程序中使用了 react-helmet(客户端)添加Meta-Tags。

Facebook 按照他的顺序,在 React 开始工作之前解析页面,Facebook 看不到我的元标签。 我发现很多人用SSR解决这个问题,但我只能用客户端。

这是我的元标签的例子,它们是我需要 Facebook 的组成数据

<Meta property="og:title" content="Awesome app - the best app ever" />
<Meta property="og:type" content="website" /> 
<Meta property="og:image" content="https://picsum.photos/id/52/1200/600" />
<Meta property="og:description" content="Describe stuff here." />
<Meta property="og:url" content="yourawesomeapp.com" />

预期结果:在 react 中加载元标签 => 从元标签获取信息 => 将其放入 Facebook 实际结果:Facebook 获取页面的 URL 并从服务器端获取信息并忽略客户端(我的反应没有运行)

我该如何解决这个问题?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。