Auto Shorten dynamic URL by javascript
Thinking of using bit.ly Url Shortening service in your site? You can use a simple javascript code in any page of your site, specially if it is a dynamic page. For example, look at a dynamic page of my online code compiling site:
The link of a dynamic page is somewhat this: http://shafiul.progmaatic.com/hostcode/compiled.php?i=wRZWM&c=252&ext=11
The link is too long. So, I automatically shortened the links, and gifted it to the viewers! 
How to use bit.ly service in your site
First, you need an account on http://bit.ly. To create one, go to the site and register.
Once you’ve registered, login and go to your Account page. There, you will find your API key.
Now, we’ve all the resources. Let’s go to the code section
The Code
Between the <HEAD> and </HEAD> tag of your page, place the following code:
Replace the first ***** by your bit.ly username and second ************** by your bit.ly API key!
Now, place the following code anywhere of your page. It is nothing but a text-input field, where shortened link will be placed. You can use anything instead of a text area, perhaps a <div>tag to display the shortened link!
<h3>Link to this page</h3><br> Use this link to tell others about this page! <input onclick = "this.select()" type = 'text' id = "qlink" style = "width:100%;"> <br><br>
Now, the final task. Place the following code just before </BODY> the tag of you page:
<script>
// Bit.ly API
BitlyCB.shortenResponse = function(data) {
var sss = '';
var first_result;
// Results are keyed by longUrl, so we need to grab the first one.
for (var r in data.results) {
first_result = data.results[r]; break;
}
sss = first_result["shortUrl"].toString();
document.getElementById("qlink").value = sss;
}
BitlyClient.shorten(window.location, 'BitlyCB.shortenResponse');
</script>
Yeah, you’re done! Now anyone entering the page with any query string, the link of the page with the query string will be automatically shortened 
Ali are discussing. 
Eric is discussing. 
Ali 11:59 am on December 15, 2010 Permalink |
Nice Article,
Is this only for one URL or we can use multiple, if we want multiple then do we have to code like this for each URL?
Thanks
Shafiul Azam 7:15 pm on December 15, 2010 Permalink |
This works for multiple urls – the code automatically detects the page’s url and shortens it.
Shafiul Azam 1:41 pm on December 27, 2010 Permalink |
Code for the broke.