Sử dụng api của bit.ly rút ngắn link và thay thế link cũ bằng link đã được rút ngắn

reset and begin

5/19/2011

Dịch vụ rút gọn link goo.gl đến nay chưa hỗ trợ api cho webclient mà chỉ hỗ trợ cho webserver.trong các dịch vụ rút gọn link thì bit.ly hỗ trợ cho cả 2 và rất dễ sử dụng . Demo:

link của bit.ly đã thay thế link cũ

Code :

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js" type="text/javascript"></script>
<script style="text/javascript">
function showrecent(json){
 url = json.data.url;
longurl =json.data.long_url;
$("#post a[href='"+longurl+"']").attr('href',url);
}
function shorten(){
var o=document.getElementById('post');
var count=o.getElementsByTagName('a').length;
for(var i=0;i<count;i++){
document.write("<script src='http://api.bitly.com/v3/shorten?login=username&apiKey=keyapi&longUrl="+document.getElementsByTagName('a')[i].href+"&format=json&callback=showrecent'><\/script>");
  } 
}
</script><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>

<div id='post' class="content">
<a href="http://shimivn.blogspot.com/%22%3Eshimi%3C/a>
<a href="http://cnn.com/%22%3Ecnn%3C/a>
<a href="http://www.w3schools.com/HTMLDOM/dom_examples.asp/%22%3Ew3%3C/a>
<a href="http://vtc.vn/%22%3Evtc%3C/a>
Links: <a href="http://www.google.com/%22%3EGoogle%3C/a>
</div>
<div id='post2g' class="content">
<a href="http://shimivn.blogspot.com/%22%3Eshimi%3C/a>
<a href="http://cnn.com/%22%3Ecnn%3C/a>
<a href="http://www.w3schools.com/HTMLDOM/dom_examples.asp/%22%3Ew3%3C/a>
<a href="http://vtc.vn/%22%3Evtc%3C/a>
Links: <a href="http://www.google.com/%22%3EGoogle%3C/a>
</div>
<script type="text/javascript">
shorten();
</script>
</body>

Giải thích :
username và keyapi có được sau khi đăng ký tại đây
shorten : rút gọn link
json: định dạng kết quả trả về.
showrecent : hàm callback
ở đây chạy bằng javascript và kết quả trả về dạng json nên có thể dùng cho bất kỳ website nào (blogspot chẳng hạn).