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 (将#修改为@)