Việc chia sẻ thông tin lên các trang mạng xã hội đã trở thành một yếu tố tất yếu cần thiết cho website, đặc biệt những website đang nằm trong các chiến dịch quảng bá và SEO.
Trong bài viết này, xin chia sẻ cùng các bạn phương pháp nhúng các nút chia sẻ link lên các trang mạng xã hội lớn bằng code ASP.NET.
1. Nhúng nút chia sẻ lên google plus (Google +)
Thêm vào đầu trang (sau thẻ<body>) đoạn mã sau
<script type="text/javascript">
window.___gcfg = { lang: 'vi' };
(function () {
var po = document.createElement('script'); po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
Tại vị trí bạn muốn đặt nút +1, bạn thêm đoạn mã sau :
<g:plusone annotation="inline"></g:plusone>
2. Nhúng nút chia sẻ facebook
Bạn chèn đoạn mã :
<a style='padding: 0 5px' target='_blank' href='http://www.facebook.com/share.php?u=" +link-cua-ban+"' title='Chia sẽ lên Facebook'><img src='duong-dan-anh-bieu-tuong-facebook' style='border:0; height:15px' /></a>";
Các bạn chú ý :
link-cua-ban : là đường dẫn link bài viết của bạn
duong-dan-anh-bieu-tuong-facebook : là đường dẫn đến nơi đặt biểu tượng facebook trên website của bạn, ở các web khác, đa số dùng đường dẫn trực tiếp đến icon do facebook cung cấp đặt trên server của facebook nên tốc độ load về rất chậm, ở đây mình đã sử dụng photoshop tự cắt biểu tượng facebook và đặt lên chính web vietjk.com của mình, các bạn có thể lấy ảnh về bằng cách click chuột phải vào biểu tượng facebook, chọn "save image as" hoặc "lưu ảnh thành".
Để lấy được link của bài viết, bạn sẽ phải thao tác trên code (file aspx.cs). Để làm được như vậy, bạn làm như sau :
1. Tại vị trí muốn đặt biểu tượng trong file .aspx, bạn chèn 1 literal như sau : <asp:Literal ID="lit_face" runat="server"></asp:Literal>
2. trong file .aspx.cs , bạn chèn đoạn mã :
string tenmien ="http://dotnet.vn";
string link = "/" + id.ToString() + "-" + pb.rewrite(tensp)+".aspx";
Literal lit_face = (Literal)e.Item.FindControl("lit_face"); (Ở đây, mình đặt nút trong Datalist, nếu bạn không dùng datalist, không cần bước này)
lit_face.Text = "<a style='padding: 0 5px' target='_blank' href='http://www.facebook.com/share.php?u=" + tenmien + link + "' title='Chia sẽ lên Facebook'><img src='hinhanh/facebook.jpg' style='border:0; height:15px' /></a>";
Bạn chú ý, dòng string link = "/c" + id.ToString() + "-" + pb.rewrite(tensp)+".aspx";
Với các bạn đang làm lập trình có thể dễ dàng nhận ra đây là cơ chế rewrite url,bạn đừng chú ý đến ký tự c và hàm pb.rewrite(tensp) , đó chỉ là phần code để quy định định dạng link của tôi . nó sẽ có dạng thực tế như sau : /c307-code-aspnet-nhung-nut-chia-se-link-len-cac-trang-mang-xa-hoi.aspx;
Đương nhiên, các bạn tự biêt phải làm sao để có được cơ chế link như vậy,nếu cảm thấy khó hiểu, bạn có thể đề lại câu hỏi phía dưới phần comment hoặc liên hệ với tôi qua yahoo : giun_da@yahoo.com , rất vui được chia sẻ với mọi người!
Tương tự, bạn lần lượt thực hiện code chia sẻ với các mạng xã hội khác như sau :
3. Nhúng nút chia sẻ Twitter
lit_twitter.Text = "<a style='padding: 0 5px' target='_blank' href='http://twitter.com/share?url=" + tenmien + link + "&via=AddThis&text=" + title + "' title='Chia sẻ lên Twitter'><img src='duong-dan-anh-bieu-tuong style='border:0; height:15px' /></a>";
4. Nhúng nút chia sẻ Yahoo
lit_yahoo.Text = "<a style='padding: 0 5px' title='Gửi trang này cho bạn bè qua yahoo' href='ymsgr:im?+&msg=Xem trang này hay lắm nè: " + title + " - " + tenmien + link + "'><img border='0' src='duong-dan-anh-bieu-tuong' style='border:0; height:15px' /></a>";
5 . Nhúng nút chia sẻ Zing Me
lit_zing.Text = "<a style='padding: 0 5px' target='_blank' href='http://link.apps.zing.vn/share?url=" + tenmien + link + "&t=" + title + "&desc=" + des + "&images=" + anh + "&media=&width=0&height=0' title='Chia sẻ lên Zing Me'><img src='duong-dan-anh-bieu-tuong' style='border:0; height:15px' /></a>";
6. Nhúng nút chia sẻ Go.vn
lit_go.Text = "<a style='padding: 0 5px' target='_blank' href='http://my.go.vn/GoShare.aspx?url=" + tenmien + link + "&title=" + title + "&picture=" + anh + "&message=" + des + "' title='Chia sẻ lên Go.vn'><img src='duong-dan-anh-bieu-tuong' style='border:0; height:15px' /></a>";
7. Nhúng nút chia sẻ banbe.net
lit_banbe.Text = "<a style='padding: 0 5px' target='_blank' href='http://plugins.banbe.net/share/post?href=" + tenmien + link + "&title=" + title + "&feed_img=" + anh + "' title='Chia sẻ lên banbe.net'><img src='duong-dan-anh-bieu-tuong' style='border:0; height:15px' /></a>";
8. Nhúng nút chia sẻ Yume
lit_yume.Text = "<a style='padding: 0 5px' target='_blank' href='http://yume.vn/share_partners/link?u=" + tenmien + link + "&t=" + title + "http://static2.tailieu.vn/08052011j/images/icons/ico16x16_05.gif' title='Chia sẻ lên Yume'><img src='duong-dan-anh-bieu-tuong' style='border:0; width:15px' /></a>";
9. Nhúng nút chia sẻ Linkhay
lit_linkhay.Text = "<a style=padding: 0 5px target=_blank href='http://linkhay.com/submit?link_url=" + tenmien + link + "&link_title=" + title + "' title='Chia sẻ lên Link hay'><img src='duong-dan-anh-bieu-tuong' style='border:0; height:15px' /></a>";
10. Nhúng nút chia sẻ Google bookmark
lit_googlebm.Text = "<a style='padding: 0 5px' target='_blank' href='https://www.google.com.vn/bookmarks/mark?op=edit&output=popup&bkmk=" + tenmien + link + "&title=" + title + "' title='Bookmark lên Google'><img src='duong-dan-anh-bieu-tuong' style='border:0; height:15px' /></a>";
11. Nhúng nút chia sẻ Tag.vn
lit_tagvn.Text = "<a title='Đăng lên TagVn' target='_blank' href='http://www.tagvn.com/submit?url=" + tenmien + link + "'><img style='border:0; height:15px' src='duong-dan-anh-bieu-tuong'></a>";