Question

如何创建一个链接，该链接采用“共享”链接（如LinkedIn等社交媒体网站）的静态部分并附加当前页面的网址？这样用户就可以在他们的社交媒体帐户上共享页面的URL。

我不想使用Share This或任何其他此类小部件。

由于

修改

所以解决方案建议我选择了jQuery。经过大量的帮助，这就是解决方案：

HTML

<a class="linkedin" href="#">LinkedIn</a>

的jQuery

$(document).ready(function() { 
  $('a.linkedin').click(function() {
    var link = document.location;
    var url = "https://www.linkedin.com/shareArticle?mini=true&url=" + link;
    document.location.href = url;
  });
});

显然，它适用于允许此类网址的任何社交媒体网站。

Answer 1

LinkedIn has docs关于此以及他们的网址所期望的参数。我遗漏了summary param。

JS 101：你正在寻找window.open方法。见docs for this.。您所要做的就是（1）编写一个用url打开窗口的函数。 （2）在a元素的onclick event中调用此函数。

使用纯粹的javascript，看起来应该是这样的：

<script>
    function shareOnLinked(url, title, summary)
    {
     window.open('http://www.linkedin.com/shareArticle?mini=true&url='+ 
           url +'&title='+title+'&summary='+summary);
    }
</script>
<a href='#' 
   onclick='shareOnLinked("http://stackoverflow.com",
                                   "Great QandA","SomeSummary");'> 
Share On Linked in</a>

查看实时示例：http://jsfiddle.net/PpC5S/2/

Answer 2

你可以使用（没有任何lib的Pure Javascript）

<a href="https://www.linkedin.com/shareArticle?mini=true&url=" onclick='function(j){ window.location = j.href + window.location }(this)'>

Answer 3

如果你不介意使用jQuery

$(document).ready(function() { 
    $('a#link').click(function() {
        var link = $(this).attr("href");
        var url = "https://www.linkedin.com/shareArticle?mini=true&url=" + link;
        document.location.href=url;
    });
});

如何将页面的URL附加到jQuery中的社交媒体“共享”URL？

3 个答案: