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>)
   }
}

这种情况有什么奇怪的，如果我尝试将 homepage 页面共享为共享文章，它会正常工作。

Answer 1

似乎 linkedin 已经取消了对共享 URL 的支持。如果您查看文档 (https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin?context=linkedin/consumer/context)，它从未提及使用 URL.

进行共享

共享主页可能仍然有效，因为他们还没有删除对该类型 URL 的支持。

很可能 react-share 必须 updated/will 不再支持 LinkedIn。您可以按照上面的文档了解如何自己实现共享。

LE：这是另一个 Whosebug 回答，说的是同样的话：How to make a custom LinkedIn share button

Answer 2

也许您应该考虑获得更好的共享包？

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

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

来源：Official Microsoft LinkedIn Share API Documentation.

我的意思是，自己尝试一下：

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

工作正常：

如果您对定期维护的 github 项目感兴趣，该项目会跟踪此信息，因此您不必关注，请查看！ Social Share URLs

Answer 3

在这里发帖，因为我运行遇到了同样的错误，但我自己设法解决了；对我来说，问题是如果你的 URL 不能被 DNS 解析，Microsoft LinkedIn API 只会 return “出了点问题。刷新页面”。

我认为它是在 MSFT 端实现的，以确保链接共享的质量；所以你不只是分享了一堆损坏的链接。

只要 DNS 可解析，对 LinkedIn API 的 REST 调用即可共享。

希望对其他人有所帮助！

react-share 无法分享 LinkedIn 文章

react-share can't share LinkedIn article

javascript

reactjs

linkedin

react-share