{{ searchResult.published_at | date:'d MMMM yyyy' }}

Loading ...
Loading ...

Enter a search term such as “mobile analytics” or browse our content using the filters above.

No_results

That’s not only a poor Scrabble score but we also couldn’t find any results matching “”.
Check your spelling or try broadening your search.

Logo_distressed

Sorry about this, there is a problem with our search at the moment.
Please try again later.

In this blog post, you will learn to code your own bitly user interface in just two minutes. (caveat: this depends on how fast you can copy/paste!).

The post contains ten steps to build your own bitly interface, a ready-made example, a simple explanation of how it all works!

Background

Bitly recently changed their web-based URL shortening interface to help turn the service into more of a 'social bookmarking' tool.

I'm a really big fan of bitly, to the extent that it tells me I've shortened 1,728 links through the website itself. But I'm not enjoying the actual 'shortening' part of the new interface.

To get around that quickly I put together a very quick, simple Google Spreadsheet bitly interface. Here's a screengrab:

simple bitly interface

That's just a screengrab but, in the tool itself, any URL I enter into the first box is then instantly shortened in the second.

I thought it would be useful to put together this simple tutorial of how to do that. Firstly as it's fairly useful, secondly as it's a nice simple introduction to Google Spreadsheets & APIs. So here we are: DIY instructions, plus a simple 'copy this spreadsheet' example for anyone ultra-lazy.

10 steps to your own Bitly interface:

Here are the 10 steps to follow to make your own Google Spreadsheet interface for shortening URLs via bitly:

  1. Open a new Google Spreadsheet. (details here if you've never done that)
  2. In cell D8, type 'Enter Your URL Here:'
  3. In cell E8, type 'http://www.twitter.com/danbarker' (this is an example URL, you'll see it shortened by magic once you get to step 10)
  4. In cell D10, type 'Your Shortened Bitly URL:'
  5. In cell E10, copy & paste this: =IF(ISTEXT(D25), IMPORTDATA(D25), "")
  6. In cell D18, type 'Bitly Account'
  7. In cell E18, copy & paste this: bitlyexample
  8. In cell D19, type 'API Key'
  9. In cell E19, copy & paste this: R_8b726077f3d5c6029700c29e529395d3
  10. In cell D25, copy & paste this: =IF(ISTEXT(E8),CONCATENATE("http://api.bit.ly/shorten?version=2.0.1&login=", E18, "&apiKey=", E19, "&format=text&longUrl=", E8), 0)

That's it. Change the text in 'E8' (the bit from step three where I sneakily self-promoted my own twitter URL) to any other website address, and it will instantly be shortened in cell E10.

What you should see

If your copy & pasting skills are up to scratch, you should then see something a little like this in your google spreadsheet:

Bitly UI Example

I've added some colours there to denote the 3 sections. The top purple area is the actual interface. The middle (blue) area is simply the bitly account I've set up for this example, and the API key that goes along with that. The third (pink) area is the actual bitly API call itself

Here's are some notes on that (in gaudy colours) in case the above isn't clear:

Bitly Interface

If you're wondering what "the API call" bit is about, you can give it a go here:

http://api.bit.ly/shorten?version=2.0.1&login=bitlyexample&apiKey=R_8b726077f3d5c6029700c29e529395d3&format=text&longUrl=http://www.twitter.com/danbarker

If you paste that into a browser, you'll see it gives you a bitly URL in return. That's all we're really doing here - building up that URL, running it, and displaying the bitly URL it gives us in return.

Full example spreadsheet

If you have a Google account, clicking this link should prompt you to make a copy of a full example spreadsheet of the above.

Style it however you want; use your own Bitly account username & API key instead of the demo examples above. (you can get an API key here if you're logged in to bitly: https://bitly.com/a/your_api_key/).

How this works: step by step

To explain how this all works, here are the 10 steps we covered above, complete with an explanation about what's happening at each stage:

Bitly Creator Steps

That's it!

That's it! Feel free to add any thoughts or comments below, or to harangue me on twitter (@danbarker) if you didn't find this useful or I didn't explain anything well enough.

And do share the post with others if you think they'd find it useful too.

dan barker

Published 30 May, 2012 by dan barker

Dan Barker is an E-Business Consultant and a contributor to Econsultancy. He can also be found on Twitter and Google Plus

10 more posts from this author

Comments (9)

Comment
No-profile-pic
Save or Cancel
Stu Bowker

Stu Bowker, Web Analyst at TUI Group

Works a treat and completed in the expected time frame. Cheers Dan!

over 4 years ago

Stu Bowker

Stu Bowker, Web Analyst at TUI Group

I've made another version adapting it to allow for bulk URLs to be created. You can find it here http://bit.ly/L50QlT

over 4 years ago

Avatar-blank-50x50

Carl Hogan

Hmm. This was possible with SnipURL like ten years ago...and if their Help section wasn't broken they had an example of this from that time. But thanks..

over 4 years ago

Avatar-blank-50x50

Helen

This and Stu Bowker's bulk version are both really useful! Thanks! Do you know if something similar can be done to shorten URLs to goo.gl URLs using their API? https://developers.google.com/url-shortener/v1/getting_started

over 4 years ago

Anna Lewis

Anna Lewis, Google Analytics Analyst at Koozai

Thanks for this guide Dan, it might be quicker to do this than log in every time I want to shorten something.

Is there a way to customise the URLs with this method? I know you're a fan of customising shortened URLs too!

over 4 years ago

dan barker

dan barker, E-Business Consultant at Dan Barker

hi, Anna, how are you?

Sadly I don't think so. The only parameters I could find are:

1. longURL. (the URL you want to shorten)
2. shortdomain. (so - for example - I think you could automatically 'koozai' shorten them if you wanted).

(someone do correct me if wrong!)

dan.

over 4 years ago

Avatar-blank-50x50

Gerry White

Great tool - was thinking could you also combine this with a reporting tool ? getting clicks back out ... (off to play to see if I can)...

over 4 years ago

Avatar-blank-50x50

Tim Leighton-Boyce, Analyst at CxFocus

If the links that you're shortening are to your own site as part of promotional activity, you might want to extend this to add in the relevant tracking parameters for GA or your analytics tool of choice.

over 4 years ago

Avatar-blank-50x50

Arun kumar, Software Engineer at Individual

Hi Am getting #name? error

over 1 year ago

Comment
No-profile-pic
Save or Cancel
Daily_pulse_signup_wide

Enjoying this article?

Get more just like this, delivered to your inbox.

Keep up to date with the latest analysis, inspiration and learning from the Econsultancy blog with our free Daily Pulse newsletter. Each weekday, you ll receive a hand-picked digest of the latest and greatest articles, as well as snippets of new market data, best practice guides and trends research.