推特/臉書分享動態網址

Question

我想創建一個自定義的共享鏈接，所以點擊它將共享當前的網址。 我明白這

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

但是有什麼辦法讓它動，所以它會搶用戶是在頁面的URL和共享，而不是硬編碼的鏈接。

感謝

Answer 1

使用jQuery：

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

Answer 2

在Javascript中你可以使用：

document.URL 

它給你當前的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 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