如何创建一个简单的共享 linkedIn link？

Question

我正在为 Twitter、Facebook 和 google+ 使用以下内容，但 linkedin 给我一个错误对话框：

<a class="btn btn-default icon" href="javascript:void(0)" onclick="window.open( 'http://www.twitter.com/share?url=<?php the_permalink(); ?>', 'sharer', 'toolbar=0, status=0, width=626, height=436');return false;" title="Share on Twitter"><span class="character">a</span></a>

<a class="btn btn-default icon" href="javascript:void(0)" onclick="window.open( 'http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>', 'sharer', 'toolbar=0, status=0, width=626, height=436');return false;" title="Share on Facebook"><span class="character">b</span></a>

<a class="btn btn-default icon" href="javascript:void(0)" onclick="window.open( 'https://plus.google.com/share?url=<?php the_permalink(); ?>', 'sharer', 'toolbar=0, status=0, width=626, height=436');return false;" title="Share on Google+"><span class="character">c</span></a>

<a class="btn btn-default icon" href="javascript:void(0)" onclick="window.open( 'https://www.linkedin.com/share?url=<?php the_permalink(); ?>', 'sharer', 'toolbar=0, status=0, width=626, height=436');return false;" title="Share on Google+"><span class="character">j</span></a>

错误

This XML file does not appear to have any style information associated with it. The document tree is shown below.

<WSResponse>
  <responseInfo>FAILURE_NO_SUBMIT_ACTION</responseInfo> <responseMsg/>
  <jsonPayLoad/> 
</WSResponse>

备注

<?php the_permalink(); ?> renders the link of the current site page that you could share on socials networks

Answer 1

你最好使用linkeidn脚本，或者看看他到底生成了什么

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-url="<?php the_permalink(); ?>" data-counter="top"></script>

来源：linkedin developper

Answer 2

我认为问题在于您没有按照 linkedin 要求的方式进行操作。您应该始终首先参考 API 文档。例如，下面 linkedin 描述了如何为您的站点生成共享插件。

Share Plugin Generator

生成的代码如下所示：

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script>
<script type="IN/Share" data-url="Your_URL_Here" data-counter="top"></script>

您也可以通过以下方式进行：

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

参考：Share on Linkedin

您的 link 看起来像：

https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=Some%20Title&summary=Some%20Summary&source=YourWebsiteName

其中 mini 参数用于：必需的参数，其值必须始终为：true

和来源是：内容的 url 编码来源（例如您的网站或应用程序名称）如果您仍然需要知道它如何为您工作，请告诉我。

并且所有参数必须URL编码。

Answer 3

你可以把 onclick url linkedin 'share?url=' 改成 'shareArticle?mini=true&'，我觉得很有帮助。

<a class="btn btn-default icon" href="javascript:void(0)" onclick="window.open( 'http://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>', 'sharer', 'toolbar=0, status=0, width=626, height=436');return false;" title="Linkedin"><span class="character">j</span></a>

Answer 4

这个脚本要添加到顶部

<script src="//platform.linkedin.com/in.js" type="text/javascript"> lang:en_US</script>

如果您想在弹出窗口中使用 linkedin 按钮，则必须在 html.

中插入以下脚本

<script type="IN/Share" data-url="http://linkedin.com">
            </script>

Answer 5

我是这样工作的（非常简单）：

 <a target="_blank" title="Share on LinkedIn"
     href="http://www.linkedin.com/shareArticle?mini=true&url={{your-content-here.com}}">
 </a>

这将打开一个新标签页（至少在 Chrome 中），看起来像这样：

在我的例子中，是 link 到 Chrome Webstorm 项目 url。因为我想在各种社交媒体网站上分享我的 Chrome 扩展应用程序。

Answer 6

我使用这个非常简单的分享器：

<a href="https://www.linkedin.com/sharing/share-offsite/?url=your-url-here.com"target="_blank" title="Share on LinkedIn">
Share on LinkedIn
</a>

这是它的样子： Example of using simple LinkedIn sharer in Google Chrome

Answer 7

第 1 步 - 获得 URL 正确的

使用这种 URL 格式...

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

来源：Official MSD LinkedIn Share Documentation

第 2 步 - 处理标题、描述、图像等

在 HTML 的 <head> 块中设置您的 og: 标签，就像这样...

<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 Share Documentation: Making Your Website Shareable on LinkedIn

第 3 步 - 验证一切正常

使用LinkedIn Post Inspector。在此处插入您的 URL (example.com)，而不是您要与之共享的 URL (linkedin.com?url=example.com)。

如何创建一个简单的共享 linkedIn link？

How to create a simple share linkedIn link?

javascript

jquery

linkedin