2012-04-25 198 views
1

我想創建一組按鈕,分享到各種社交媒體網站(Twitter,Facebook,Tumblr等)。社交媒體分享

我目前正在Twitter分享器上工作,我一直在環顧四周,無法找到任何自定義代碼,它將採用當前網址並將其附加到網址,而不會強迫我使用Twitter共享圖標比我自己的自定義圖標。

下面是我對(鏈接倒右手邊)工作的網站:http://www2.hull.ac.uk/files/tfa/index/content2.html

這裏是我當前的代碼:

<a href="javascript:popup_share('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=')" class="twitter-share-button"> 
            Twitter 
            <b></b> 
           </a> 

<script> 
    var pageName = window.location.toString(); 
    alert('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=' + pageName); 
</script> 

我不能工作了如何添加字符串中的警示框到已經存在的標籤!

URL需要動態創建,因爲我希望它是站點範圍內的,並且每次都不會知道URL - 這是要分享給任何平臺的URL。我已經看過Twitter網站,但沒有我必須知道網站地址,找不到任何這樣做。

任何人都可以提供任何幫助嗎?

非常感謝!

+0

給http://www.addthis.com/一試。它更容易實現,您可以設置所需的所有共享類型,並在共享部分進行分析。 – balexandre 2012-04-25 13:23:45

回答

3

鏈接應該只是

<a href="#" class="twitter-share-button">Twitter</a> 

中的JavaScript應該添加單擊事件

$(function(){ 
    $(".twitter-share-button").click(function(e){ 
     popup_share('http://twitter.com/share?text=Check%20out%20this%20page#tfa&url=' + encodeURIComponent(window.location.href)); 
     e.preventDefault(); 
    }); 
}); 
+0

我認爲我做錯了什麼,因爲它沒有提供任何瀏覽器上的任何東西:'code' 'code' – 2012-04-25 14:56:14

+0

我會在點擊處理函數的開始處和第一個函數的開始處發出警報,以確保它們被執行。您在瀏覽器中是否收到任何腳本錯誤? – Rup 2012-04-25 15:02:31

+0

沒有腳本錯誤,並出現警告框只是沒有彈出。對你起作用嗎? – 2012-04-25 15:03:41