Tôi muốn thêm các nút truyền thông xã hội Twitter và Facebook vào ứng dụng/trang web HTML5 của mình. Có ai có bất kỳ "thả" mã cho điều đó?Làm cách nào để thêm các nút truyền thông xã hội Twitter và Facebook vào trang web của tôi?
Đối facebook, thấy nút điều gì làm bạn muốn thêm, và sử dụng thuật sĩ facebook cho thế hệ của bạn mã tùy chỉnh:
http://developers.facebook.com/docs/plugins/
và điều này cho twitter:
Thêm phần này vào trang html của bạn, ngay sau khi cơ thể và trước khi tiêu đề:
<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>
(Nếu bạn đang sử dụng các công cụ xem Razor trong ASP.NET, thêm đoạn mã trên để các _SiteLayout.cshtml nếu bạn muốn các nút trên nhiều trang).
Sau đó thêm này ở vị trí nơi bạn muốn nút [s] xuất hiện:
<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>
Thay thế "http://www.awardwinnersonly.com" với URL trang web của bạn, Twitter "dữ liệu văn bản" giá trị với những gì bạn muốn một tweet để nói theo mặc định và giá trị "data-through" (không bị nhầm lẫn với Pancho Villa) của Twitter với xử lý Twitter của bạn.
Ngoài ra, thêm này, nếu bạn muốn có một nút Facebook comments (từ Tito Tito của câu trả lời được chấp nhận):
<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>
Tôi đã tải xuống hình ảnh nút dưới dạng jpeg và thêm liên kết vào hình ảnh (sử dụng phần mềm Kompozer). Một khi họ đã được bổ sung Tôi cũng đã thêm target = "_ blank" trước khi địa chỉ liên kết để đảm bảo một tab mới được mở ra chứ không phải là chuyển hướng người dùng web vào trang web của người khác :)
target="_blank" href="https://twitter.com/username
Tìm biểu tượng phù hợp cho chính mình off line và thêm liên kết vào trang facebook/twitter/được liên kết trong các trang của bạn.
Bằng cách đó bạn có quyền kiểm soát thiết kế.