Twitter / Facebook 分享动态网址答案

【问题标题】：Twitter / Facebook Share dynamic URLTwitter / Facebook 分享动态网址
【发布时间】：2013-03-17 09:45:52
【问题描述】：

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

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

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

谢谢

【问题讨论】：

【解决方案1】：

在 Javascript 中你可以使用：

document.URL

它给你当前的网址

和

document.title

用于获取该页面的标题

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

例子：

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

另一种方式：

【讨论】：

【解决方案2】：

使用 jQuery：

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

【讨论】：

【解决方案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' 就可以了。

尽管如此，twiiter 为您提供了一个选项，而 generating buttons
_{（来源：ctrlv.in）}

【讨论】：