89

我需要能够向我的自定义按钮添加共享功能。我对他们的生成器不感兴趣,因为我无法在那里更改 LinkedIn 图像。我想为 LinkedIn 分享按钮使用我自己的图片。

4

10 回答 10

161

用于分享的官方LinkedIn API:

https://developer.linkedin.com/docs/share-on-linkedin

阅读使用条款!

使用“自定义 URL”方法的示例链接:http ://www.linkedin.com/shareArticle?mini=true&url=https://stackoverflow.com/questions/10713542/how-to-make-custom-linkedin-share-button /10737122&title=How%20to%20make%20custom%20linkedin%20share%20button&summary=some%20summary%20if%20you%20want&source=stackoverflow.com

您只需要使用 JavaScript 在弹出窗口中打开它或将其加载到iframe. 简单而有效——这就是我想要的!

编辑:附加到帖子的视频:

我检查了您不能真正将任何视频嵌入到 LinkedIn 帖子中,唯一的选择是将链接添加到带有视频本身的页面。

您可以通过将 YT 链接放入url参数来实现它:

https://www.linkedin.com/shareArticle?mini=true&url=https://www.youtube.com/watch?v=SBi92AOSW2E

如果您指定summarytitle然后 LinkedIn 将停止从视频中提取它,例如:

https://www.linkedin.com/shareArticle?mini=true&summary=youtube&title=f1&url=https://www.youtube.com/watch?v=SBi92AOSW2E

它与 Vimeo 的工作方式完全相同,并且可能适用于任何网站。希望它会有所帮助。

编辑 2:将图像拉到帖子中:

当您打开上面的链接时,您会看到 LinkedIn 加载了一些图像以及传递的 URL(以及可选的标题和摘要)。

LinkedIn 会自动执行此操作,您可以在此处阅读:https ://developer.linkedin.com/docs/share-on-linkedin#opengraph

有趣的是,正如它所说:

如果存在 Open Graph 标签,LinkedIn 的爬虫将不必依靠自己的分析来确定将共享哪些内容,从而提高共享信息正是您想要的内容的可能性。

它告诉我,即使没有附加 Open Graph 信息,LinkedIn 也可以根据自己的分析拉取这些数据。在 YouTube 的情况下,似乎就是这种情况,因为我找不到任何添加到 YouTube 页面的 Open Graph 标签。

于 2012-05-24T12:01:59.567 回答
61

您可以使用 LinkedIn ShareArticle URL 创建自己的共享按钮,该 URL 可以具有以下参数:

https://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}

您可以在此处找到文档,只需选择“自定义 URL”即可查看详细信息。

于 2012-11-18T10:12:33.193 回答
43

第 1 步 - 获取正确的 URL

这里的许多答案直到最近才有效。目前,唯一支持的参数是url,新的分享链接如下...

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

确保url已编码,使用类似fixedEncodeURIComponent().

来源:Microsoft.com 官方 Linkedin Share 插件文档。开发者文档的所有LinkedIn.com 链接现在似乎都是空白页——可能与微软收购LinkedIn 有关。

第 2 步 - 设置自定义参数(标题、图像、摘要等)

曾几何时,您可以使用这些参数:title, summary, source. 但是如果你仔细看所有的文档其实还是有办法设置摘要、标题等的! 将这些放在<head>您要共享的页面的块中...

  • <meta property='og:title' content='Title of the article"/>
  • <meta property='og:image' content='//media.example.com/ 1234567.jpg"/>
  • <meta property='og:description' content='Description that will show in the preview"/>
  • <meta property='og:url' content='//www.example.com/URL of the article" />

然后 LinkedIn 将使用这些!来源:LinkedIn 开发人员文档:让您的网站在 LinkedIn 上可共享

第 3 步 - 验证 LinkedIn 分享结果

不确定你做对了吗?获取您正在共享的页面的 URL(即 example.com,而不是 linkedin.com/share?url=example.com),然后将该 URL 输入到以下内容中:LinkedIn Post Inspector。这将告诉您有关如何共享 URL 的所有信息!

这也会拉取/无效页面的当前缓存,然后刷新它(如果您在 LinkedIn 的数据库中有页面的卡住、缓存版本)。因为它会拉取缓存,然后刷新它,所以有时最好使用 LinkedIn Post Inspector 两次,并将第二个结果用作预期输出。

还是不确定?这是我使用 20 多种社交共享服务构建的在线演示。检查源代码并亲自了解 LinkedIn 共享的工作原理。

第 4 步 - 查找更多社交共享服务及其共享 URL

我一直在维护一个自 2012 年以来一直在跟踪社交共享 URL 格式的 Github 存储库,请查看:Github:社交共享 URL

为什么不加入所有社交分享网址?

社交分享网址

于 2020-05-03T23:33:04.323 回答
11

截至 2017 年 4 月,这是用于共享的当前 URL:

https://www.linkedin.com/shareArticle?mini=true&url=http://developer.linkedin.com&title=LinkedIn%20Developer%20Network &summary=My%20favorite%20developer%20program&source=LinkedIn

于 2017-04-15T15:17:50.420 回答
9

最好使用自定义 url方法。它是最简单的。找到了这个。它将打开一个弹出窗口,因此您不需要任何 bs 身份验证问题w_share

<a href="https://www.linkedin.com/shareArticle?mini=true&url=http://chillyfacts.com/create-linkedin-share-button-on-website-webpages&title=Create LinkedIn Share button on Website Webpages&summary=chillyfacts.com&source=Chillyfacts" onclick="window.open(this.href, 'mywin', 'left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;">
  <img src="http://chillyfacts.com/wp-content/uploads/2017/06/LinkedIN.gif" alt="" width="54" height="20" />
</a>

只需url使用您自己的网址更改即可。这是链接http://chillyfacts.com/create-linkedin-share-button-on-website-webpages/

于 2018-12-14T13:53:28.303 回答
8

API 现已更新,之前的 API 将于 2019 年 3 月 1 日弃用。

要为 LinkedIn 创建自定义共享按钮,您现在需要进行 POST 调用。您可以在此处阅读更新的文档。

于 2019-02-18T15:33:41.960 回答
4

LinkedIn 最近修改了他们的网站,因此有大量旧链接只是重定向到开发人员支持主页。以下是 LinkedIn 支持网站上相关页面的更新链接(截至 2015 年 2 月 16 日):https ://developer.linkedin.com/docs/share-on-linkedin

于 2015-02-16T22:53:16.497 回答
4

LinkedIn 已经更新了他们的 api 并且共享 url 不再有效。现在您只能使用url查询参数。LinkedIn 将从 URL 中删除任何其他参数。

现在您不得不使用 oAuth 并与linkedin API交互以代表用户共享内容。

于 2019-09-26T13:57:51.350 回答
3

这对我有用:

https://www.linkedin.com/shareArticle?mini=true&url=articleUrl&title=YourarticleTitle&summary=YourarticleSummary&source=YourarticleSource

您可以通过将其替换为您的内容来使用此链接。它可以 100% 工作。

于 2018-03-22T12:39:41.813 回答
1

在页面加载后,您可以像这样自定义标准的 Linkedin 按钮:

$(".IN-widget span:first-of-type").css({
                'border': '2px solid #DCDCDC',
                '-webkit-border-radius': '3px',
                '-moz-border-radius': '3px',
                'border-radius': '3px'
                });
于 2013-06-01T00:54:30.670 回答