Twitter / Facebook分享动态网址

Question

我正在尝试创建自定义共享链接，因此单击它将共享当前URL。 我理解这个

<a href="http://twitter.com/share?text=An%20Awesome%20Link&url=http://www.google.com">
Share This on Twitter</a>

但有没有办法让它变得动态，所以它会抓取用户所在页面的URL并共享它，而不是硬编码链接。

由于

Answer 1

在Javascript中，您可以使用：

document.URL

它为您提供当前网址

https://developer.mozilla.org/en-US/docs/DOM/document.URL

和

document.title

获取此页面的标题

https://developer.mozilla.org/en-US/docs/DOM/document.title

使用jQuery或javascript可以设置href属性

http://docs.jquery.com/Attributes/attr

https://developer.mozilla.org/en-US/docs/DOM/stylesheet/href

示例：

$('a').on('click', function() {
    $(this).attr('href', 
        'http://twitter.com/share?text='+document.title+'&url=' + document.URL);
});

另一种方式：

https://dev.twitter.com/docs/tweet-button

Answer 2

使用jQuery：

$('a').on('click', function() {
    document.location = 'http://twitter.com/share?text=' + document.title + '&url=' + window.location.href;
}); 

Answer 3

使用此

<a data-count='horizontal' expr:href='data:post.canonicalUrl' href='http://twitter.com/share' rel='nofollow' target='_blank'>Share on twitter</a>

使用expr:href='data:post.canonicalUrl'可以解决问题。

尽管如此，twitter会在generating buttons期间为您提供一个选项