如何將Twitter和Facebook社交媒體按鈕添加到我的網站？

我想將Twitter和Facebook社交媒體按鈕添加到我的HTML5應用/網站。有沒有人有任何「插入」代碼？如何將Twitter和Facebook社交媒體按鈕添加到我的網站？

來源

2013-10-05 B. Clay Shannon

對於Facebook，看到你想添加什麼按鈕，使用Facebook的嚮導生成的自定義代碼：

http://developers.facebook.com/docs/plugins/

，這一次Twitter的：

https://dev.twitter.com/

來源

2013-10-05 13:56:20

添加到您的html頁面，之後身體和頭前右：

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script>

（如果你使用ASP.NET中的Razor視圖引擎，加上上面的腳本到_SiteLayout.cshtml文件如果你想要多個頁面上的按鈕）。

然後在您想要的按鈕，點添加此[S]出現：

<div style="display:inline-block;vertical-align:top"> 
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.awardwinnersonly.com" data-text="Czech out the books, movies, and music that won major awards" data-via="BClayShannon">Tweet</a> 
    <script>!function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https'; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = p + '://platform.twitter.com/widgets.js'; fjs.parentNode.insertBefore(js, fjs); } }(document, 'script', 'twitter-wjs'); 
    </script> 
</div> 
<div style="display:inline-block;vertical-align:top" class="fb-like" data-href="http://www.awardwinnersonly.com" data-send="false" data-width="450" data-show-faces="false" data-font="segoe ui"> 
</div>

替換「http://www.awardwinnersonly.com」與你的網站的網址，Twitter的「數據文本」的價值與你想要什麼默認情況下發布的推文，以及Twitter的「數據通過」（不要與Pancho Villa混淆）。

此外，添加這個，如果你想要一個Facebook的評論按鈕（從鐵托鐵托的接受的答案）：

<div class="fb-comments" data-href="http://www.awardwinnersonly.com" data-colorscheme="The color scheme used in the plugin" data-numposts="5" data-width="450"></div>

來源

2013-10-05 13:48:50

我將按鈕圖像下載爲jpegs並添加了圖像鏈接（使用Kompozer軟件）。一旦他們加入我還添加了目標=「_空白」的鏈接地址之前，爲了確保一個新標籤打開而不是Web用戶重定向到別人的網站:)

target="_blank" href="https://twitter.com/username

來源

2013-10-12 11:34:46

找到合適的圖標爲自己離線並添加鏈接到您的Facebook/Twitter /鏈接在等網頁。

這樣你就可以控制設計。

來源

2015-03-03 19:45:14

如何將Twitter和Facebook社交媒體按鈕添加到我的網站？

回答

相關問題