如何制作自定义的LinkedIn共享按钮

80

我需要能够向我的自定义按钮添加共享功能。我对他们的生成器不感兴趣，因为我无法在此处更改LinkedIn图像。我想将我自己的图像用于LinkedIn共享按钮。

api  share  linkedin 
— 卡罗尔
source
1
他们不希望您创建自定义按钮。确实，他们的服务条款可能禁止这样做，因为他们希望按钮看起来像按钮。
— msw 2012年
但是，难道没有像Twitter这样的方法可以仅使用链接共享吗？然后，用户将被重定向到他只需要确认的页面……
— Karol 2012年
定制的LinkedIn登录按钮如何？
— DevDave
请记住，如果LinkedIn无法访问您的网站，则任何基于URL的方法均将无效。这包括是否在BasicAuth墙后面
— Matt Fletcher

Answers:

143

用于共享的官方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-linkedin-share-button / 10737122＆title =如何％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

如果您指定summary，title然后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标签。

— 卡罗尔
source
3
有什么方法可以用文本为文本区域添加种子？我尝试了一堆不同的参数，什么都没用。
— 拉斐尔
2
并不是真的@raphaelcm-在新的API中，您可以添加摘要文本，但不会显示在textarea中。
— Karol 2013年
1
示例链接应在弹出窗口中打开-这样，在您共享弹出窗口并保留其网站后，例如stackoverflow.com/a/14352248/571230
— Karol 2014年
3
— 人士Himanshu AGGARWAL
5
该/shareArticleURL不再像以前那样起作用。它重定向到https://www.linkedin.com/sharing/share-offsite/?url=...，失去其他参数。
— 菲尔·吉福德
52

您可以使用LinkedIn ShareArticle URL创建自己的共享按钮，该URL可以包含以下参数：

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

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

— 驯杀者
source
2
如果您可以建议我在哪里可以添加图像？
— 饼干
@cracker根据文档，自定义图像没有选项。
— Tamer Shlash 2014年
3
LinkedIn ShareArticle URL到目前为止无法使用。您可以共享它，但它不会显示在新闻源上
— jhedm
1
如何在上方分享链接中包含图片？
— Jitendra Pancholi
— 人士Himanshu AGGARWAL
24

2020年7月-与LinkedIn进行社交分享

直到最近，这里的许多答案才有效。目前，仅支持的参数为url，新的共享链接如下...

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

资料来源：官方Microsoft.com Linkedin共享插件文档。开发人员文档的所有LinkedIn.com链接现在似乎都是空白页-可能与Microsoft对LinkedIn的收购有关。

曾几何时，你可以使用这些PARAMS： ，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上可共享。

不确定您是否做对了所有事情？获取您要共享的页面的URL（即example.com，而不是linkedin.com/share?url=example.com），然后将该URL输入以下内容：LinkedIn Post Inspector。这将告诉您有关如何共享URL的所有信息！

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

自2012年以来，我一直在维护一个Github Repo，它一直在跟踪社交共享URL格式，请查看：Github：Social Share URLs。

为什么不加入所有社交共享网址？

社交分享网址

— HoldOffHunger
source
@ HoldOffHunger-我正在尝试创建一个LinkedIn帖子，并在此方面取得成功。当我开始共享发布过程时，URL如下所示-记录的linkedin.com/sharing/share-offsite/?url=https://…。但是，当我单击该帖子（发布后）时，它只将我带到somedomain.cs73.force.com/s/stories?c__story并省略了记录的ID。该网址未获取确切的记录。您能帮忙添加身份证吗
— Rohit
Rohit，您好：这些URL不同，它们以不同的GET参数结尾。如果要在linkedin中共享URL，则它必须是您要共享的URL。
— HoldOffHunger
9

截至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

— 基图
source
是的，已经有一段时间了，它在已接受答案的编辑部分中
— Karol
2
这不再像以前那样起作用。它重定向到https://www.linkedin.com/sharing/share-offsite/?url=...，失去其他参数。
— 菲尔·吉福德
@PhilGyford您是否找到一种方法来发布摘要和标题？
— Mukus
@Mukus不，我最终仅传递URL，并依靠LinkedIn从页面本身中获取标题。
— Phil Gyford
@Mukus我正在使用Wordpress，标题似乎取自example.co.uk/example_post/feed。无论如何，我都不是天才，但我试图找到一种编辑/更改/覆盖“ / feed /”文件的方法。有任何想法吗？
— Phil
7

最好使用自定义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/

— 金舒克·德布
source
的作用是mywin什么？我只在一处看到它。
— 拉兹万·赞菲尔
@RazvanZamfir多数民众赞成在弹出窗口的my window名称。的缩写是mywin。您可以添加任何名称。
— 金舒克Deb
嗨，当我添加自己的网站时，这不起作用。但是仍然可以与您一起使用。有什么理由吗？我已经尝试了所有方法。.非常感谢
— Jessicascn
谢谢。这比官方的MS文档更加有用和直接。链接的第二个选项没有弹出窗口，正是我想要的。
— OXiGEN
4

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

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

— 陪审团
source
您在说什么共享文章API仍然有效。您能否分享包含实际折旧信息的链接？
— 米哈尔（Michal）
1
@michal您不再可以找到有关https://www.linkedin.com/shareArticle或https://www.linkedin.com/sharing/share-offsite/方法的任何官方文档。官方文档仅讨论使用oAuth的方式，如@lcjury所述。如果您发现其他问题，请告知我们。因此，尽管他们仍在工作，但他们只接受url属性，谁知道他们将继续工作多长时间。
— Brockenstein
2

这对我有用： 

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

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

— Abaybay De Abaycious
source
1

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

$(".IN-widget span:first-of-type").css({
                'border': '2px solid #DCDCDC',
                '-webkit-border-radius': '3px',
                '-moz-border-radius': '3px',
                'border-radius': '3px'
                });
— 弗拉德
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.