React-share无法分享LinkedIn文章。

Question

我尝试使用react-share包将文章当前的URL分享到Facebook，Twitter和LinkedIn等社交媒体上。在分享页面时出现了一些问题： (URL: https://www.linkedin.com/shareArticle/?url=https%3A%2F%2Fstaging.bidboxid.co%2Fcar-details%2Fhonda-brio-at-limited-edition&mini=true)

代码：

import React from 'react';
import { LinkedinShareButton } from "react-share";
let shareUrl = window.location.href;

export default class Share extends React.Component {
   render() {
      return(
      <LinkedinShareButton url={`${shareUrl}`}>
         <div className="icon-socmed-white linkedin">
            <FaLinkedinIn/>
         </div>
      </LinkedinShareButton>)
   }
}

如果我试图将主页页面作为分享文章共享，那么这种情况很奇怪。

- farisabun

Answer 1

似乎 LinkedIn 已经停止了他们对共享 URL 的支持。如果您查看文档 (https://learn.microsoft.com/zh-cn/linkedin/consumer/integrations/self-serve/share-on-linkedin?context=linkedin%2Fconsumer%2Fcontext)，它从未提到使用 URL 进行共享。

由于遗漏，可能仍然可以共享主页，因为他们还没有删除该类型 URL 的支持。

很可能需要更新 react-share 或者它将不再支持 LinkedIn。您可以按照上面的文档了解如何自己实现共享。

LE：这里有另一个 StackOverflow 回答表明相同的事情：How to make a custom LinkedIn share button

- tudor.gergely

Answer 2

也许你应该考虑升级你的共享套餐？

LinkedIn现在仅支持其社交分享API中的url参数。他们过去支持其他参数，但始终支持url参数共享。

https://www.linkedin.com/sharing/share-offsite/?url={url}

来源：微软官方 LinkedIn Share API 文档.

我的意思是，你可以自己尝试测试一下：

https://www.linkedin.com/sharing/share-offsite/?url=http://www.wikipedia.org/

运行良好：

如果您对定期维护的 GitHub 项目感兴趣，该项目会跟踪此信息，以便您无需自行处理，请查看！社交分享网址

- HoldOffHunger

Answer 3

在这里发帖，因为我遇到了同样的错误，但成功解决了；对我来说，问题是如果您的URL无法通过DNS解析，Microsoft LinkedIn API将只返回“出现了一些问题。请刷新页面。”

我认为这是MSFT方面为确保链接质量而实施的措施，以免分享一堆损坏的链接。

只要DNS可解析，调用LinkedIn API进行分享的REST请求就会起作用。

希望能帮助其他人！

- samuelsaumanchan

Answer 4

我也遇到了同样的问题。LinkedIn仍然支持旧的shareArticle/ URL，它会被重定向到新的sharing/share-offsite/ URL - 只有像title这样的可选参数会被忽略并自动被LinkedIn爬取。

所以react-share按钮仍然有效。

问题在于您提供了一个暂存URL - staging.boxbid.co - 您的暂存站点很可能位于代理后面，因此LinkedIn爬虫无法访问该站点，这就是为什么出现错误的原因。

- user17086309