如何制作自定义linkedin共享按钮

Kar*_*rol 68 api share linkedin

我需要能够为自定义按钮添加共享功能.我对他们的发电机不感兴趣,因为我无法改变那里的图像.我想将自己的图像用于linkedin分享按钮.

Kar*_*rol 121

用于分享的官方LinkedIn API:

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

阅读使用条款!

使用实施例链接"定制URL"的方法:http://www.linkedin.com/shareArticle?mini=true&url=/sf/ask/749947971/ /10737122&title=How%20to%20make%20custom%20linkedin%20share%20button&summary=some%20summary%20if%20you%20want&source=stackoverflow.com

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

编辑:附在帖子上的视频:

我检查过你无法真正将任何视频嵌入到LinkedIn帖子中,唯一的选择是将链接添加到带有视频本身的页面.

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

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标签.

  • “/shareArticle” URL 不再像以前那样发挥作用。它重定向到“https://www.linkedin.com/sharing/share-offsite/?url=...”,丢失其他参数。 (14认同)
  • 现在使用新 API 更新文档:https://docs.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin?context=linkedin/consumer/context (4认同)
  • 有没有办法用文本播种文本区域?我尝试了一堆不同的参数,无法获得任何工作. (3认同)
  • 不是真的@raphaelcm - 在新的API中你可以添加摘要文本,但它不会显示在textarea中. (2认同)

Tam*_*ash 45

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

https://www.linkedin.com/shareArticle?mini=true&url={articleUrl}&title={articleTitle}&summary={articleSummary}&source={articleSource}
Run Code Online (Sandbox Code Playgroud)

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

  • 现在断了的链接 (3认同)
  • 如果你能建议我在哪里可以添加图像? (2认同)
  • LinkedIn ShareArticle URL目前无效.您可以分享它,但它没有显示在新闻源上 (2认同)
  • 文档现已更新,使用新的 API:https://learn.microsoft.com/en-us/linkedin/consumer/integrations/self-serve/share-on-linkedin?context=linkedin/consumer/context (2认同)

Hol*_*ger 38

第 1 步 - 正确获取 URL

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

https://www.linkedin.com/sharing/share-offsite/?url={url}
Run Code Online (Sandbox Code Playgroud)

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

来源:官方 Microsoft.com Linkedin 共享插件文档。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 步 - 验证领英分享结果

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

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

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

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

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

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

社交分享 URL


小智 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>
Run Code Online (Sandbox Code Playgroud)

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


Sat*_*dev 8

截至2017年4月,这是用于分享的当前网址:

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

  • 这不再像以前那样发挥作用。它重定向到“https://www.linkedin.com/sharing/share-offsite/?url=...”,丢失其他参数。 (3认同)

Him*_*wal 7

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

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


lcj*_*ury 5

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

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