react-share无法分享LinkedIn文章

时间:2020-03-06 07:27:22

标签: javascript reactjs linkedin

我尝试使用react-share软件包将文章当前的URL分享到Facebook,Twitter和LinkedIn等社交媒体。我在分享页面时遇到了一些问题: null (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页作为共享文章进行共享,那将会很好。

3 个答案:

答案 0 :(得分:1)

好像Linkedin取消了对共享URL的支持。如果您查看文档(https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin?context=linkedin/consumer/context),则永远不会提及使用URL进行共享。

共享主页可能仍然有效,因为他们错过了删除对该类型URL的支持。

最有可能的反应份额必须更新/将不再支持LinkedIn。您可以按照上面的文档了解如何自己实现共享。

LE:这是另一个stackoverflow回答,说同样的话:How to make a custom LinkedIn share button

答案 1 :(得分:0)

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

现在

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

Social Share URLs Image

答案 2 :(得分:0)

在这里发帖是因为我遇到了同样的错误,但我自己设法解决了;对我来说,问题是如果 DNS 无法解析您的 URL,Microsoft LinkedIn API 将返回“出现问题。刷新页面”。

我认为它是在 MSFT 端实现的,以确保链接共享的质量;这样您就不会只是共享一堆断开的链接。

只要 DNS 可解析,对 LinkedIn API 的 REST 调用就可以共享。

希望能帮到其他人!