Tutorial: How To Create Your Own URL Shortener

I’ve been thinking about posting this for a while now. Then came the announcement on Sunday, from URL shortening service tr.im, that they are shutting down, effective immediately. It brought to light the issues with relying on the cloud.

Admittedly, this is not as devastating an announcement as your trusted e-mail, or even photo hosting, service going under. However, social media sites — primarily Twitter — have made URL shorteners almost a necessity, and some users have developed quite a bit of “social capital” in the form of links built and shared using a particular service.

Although tr.im promises to keep existing links active through the end of the year, there is currently no way to create new short URLs, nor is there any way to view information or statistics on any existing tr.im links. Poof, they’re gone. No warning, no recourse.

UPDATE: Tr.im has restored their service. However, this unpredictability only reinforces the call to control your site and your brand.

Okay, so what can you do about it?
Make your own URL shortener.

As you’ll soon see, it’s easy, it’s fun, and puts the you in short URLs.

Requirements

  • Web Server — preferably one you host yourself, with control over basic site settings
  • Web Development Language — using PHP here, but this code can be adapted to ASP.NET, ColdFusion, etc.
  • Database — MySQL featured, but SQL Server, PostgreSQL, etc. would work
  • Ideally, you’ll want a short domain to set this up on.
    www.joesautoglassandspareparts.com kinda defeats the purpose 😉

Examples

Each of the following are short URLs to content on other sites:
http://sean-o.com/babysafe
http://sean-o.com/getwindows7
http://sean-o.com/playtime

Getting Started

As mentioned above, we’ll be using PHP 5.2.x & MySQL 4/5 for this tutorial — as these open-source technologies should be available to most of you.

The first thing you’ll need is a source for your short URLs. Easiest way to do that is with a MySQL database (or new table on your existing site’s database). Here’s the structure I used:

Sean O's Short URL Tutorial: Table Structure
Sean O's Short URL Tutorial: Table Structure

You only really need the first three columns, the rest are for statistics & future use (userID). Add/remove fields as you see fit — perhaps you may want a field for notes?

The Script

We’ll only need one script to accomplish the short URL resolution. Create a file called shortURL.php at the root of your site. (or you may choose a custom name & path)

To begin, the first thing to do is grab the short URL — the segment after the base URL.
e.g. http://sean-o.com/playtime
A little regex (regular expressions) goes a long way here to parse the short URL and strip extraneous characters.

$expectedURL = trim($_SERVER['URL']);
$split = preg_split("{:80\/}",$expectedURL);
$shortURL = $split[1];
// security: strip all but alphanumerics & dashes
$shortURL = preg_replace("/[^a-z0-9-]+/i", "", $shortURL);

Next, we’ll check this string to see if it matches a short URL in our database.

$isShortURL = false;
$result = getLongURL($shortURL);
if ($result) { $isShortURL = true; }
$longURL = $result['longURL'];

Finally, we check to see if our $isShortURL flag is set. If a matching short URL was found, we’ll redirect to it. If not, we’ll display our standard 404.

if ($isShortURL)
{
	redirectTo($longURL, $shortURL);
} else {
	show404();  // no shortURL found, display standard 404 page
}

The Functions

The primary function — get the long URL associated with the passed short URL, if it exists.

function getLongURL($s)
{
	// define these variables for your system
	$host = ""; $user = ""; $pass = ""; $db = "";
	$mysqli = new mysqli($host, $user, $pass, $db);
	// you may just want to fall thru to 404 here if connection error
	if (mysqli_connect_errno()) { die("Unable to connect !"); }
	$query = "SELECT * FROM urls WHERE shorturl = '$s';";
	if ($result = $mysqli->query($query)) {
	    if ($result->num_rows > 0) {
		while($row = $result->fetch_assoc()) {
			return($row);
		}
	    } else {
	    	return false;
	    }
	} else {
		return false;
	}
	$mysqli->close();
}

Perform the URL redirection.

function redirectTo($longURL)
{
	// change this to your domain
	header("Referer: http://www.your-domain-here.com");
	// use a 301 redirect to your destination
	header("Location: $longURL", TRUE, 301);
	exit;
}

Finally, display your standard 404 page here.

function show404()
{
	// display/include your standard 404 page here
	echo "404 Page Not Found.";
	exit;
}

Wire It Up

Okay, so we have the script… now what? Well, the “special sauce” here is the 404 redirect. What we’re simply doing is replacing (or augmenting) your site’s 404 page with one that checks a database for a URL shortcut. If one is listed that matches, redirect to it. If not, display your standard (or not so standard) 404 error message.

You’ll need to modify your site’s existing 404 error page, or (recommended) create a new one. If creating a new one, make sure your site is set to point to this file. For IIS (5/6): Go to your web site, Properties, Custom Errors, 404, Edit Properties… For Apache, edit your .htaccess file thusly: ErrorDocument 404 /shortURL.php. (replace with your custom path as appropriate)

Now, Run With It (Additional, Optional Steps)

If you’ll be using this with any regularity, you’ll probably want to create an admin panel page to quickly add & manage your URLs (I’m simply using a MySQL GUI — the great HeidiSQL). Consider whether you want to use custom short URL names, or just generate a random 4-5 character string (or both!). If you’re a statistics nut, you might want to capture more than just the user’s IP and/or build a stats page.

If you’re looking to “monetize” (ahem, see above), you may want to frame the linked site under a toolbar with your site’s branding, a la the “Digg Bar”. I highly recommend against this, however, as many users consider this practice an annoyance.

If your domain name is longer than, say, 8 characters, consider purchasing a second domain for exclusive short URL serving. Two-letter country-based domains such as .ly and .to are popular. Flickr’s recent purchase of http://flic.kr was especially clever.

Conclusion

So there you have it. Your very own, shiny new, URL shortening service… in under 50 lines of code!

Be sure to test. I suggest trying the following: a short URL you’ve created, a known working URL on your site (make sure you didn’t break anything!), and a known incorrect URL (test the standard 404). Also, be mindful of the security implications. Make sure following best practices with regards to MySQL security, and be sure to sanitize all URLs. Ensure your server is running the latest versions of software with the latest patches.

Disclaimer: This article is just to get you started. The code presented here is most certainly “quick & dirty”, and can surely be optimized. This code may or may not work for you, and I cannot be held responsible for any damage that may occur to your site as a result of implementing this.

If you end up implementing this on your site, I’d love to see it. Post an example here in the comments, or follow me on twitter and hit up @seanodotcom. If you’ve ported this code to other languages/databases, drop me a line.

Thanks for reading,
SEAN O
Follow Sean O (@seanodotcom) on Twitter

Advantages

  • You’re in complete control
  • You can specify random short URLs or custom ones, using related keyword(s)
  • You can collect virtually any statistics you wish
  • Excellent for site branding — your URL appears on every link!

Disadvantages

  • You’re responsible for maintaining uptime — as your site goes, so goes the service
  • You need to build any related services — stats tracking, APIs, user registration, etc.
  • Your site’s subdirectory names will override custom short URLs of the same name
  • Every 404 on your site will incur a database hit — be sure to keep your main site links fresh (Thanks 5Min)
  • Utility varies inversely with the length of the primary domain name

Alternatives

  • Simply use another service — bit.ly, cli.gs, etc. (but that’s no fun, and you’re again vulnerable)
  • Creative use of htaccess or IIS Rewrite

p.s. the short URL for this post is http://sean-o.com/short-URL

http://sean-o.com/short-URL

Join the Conversation

52 Comments

  1. Hi Sean.

    Nice post; a really quick and simple tutorial. I think you should probably add a disclaimer (and an item in the ‘Disadvantages’) that the 404 route will cause a hit to the database on EVERY 404. This is probably not what anyone wants to do.

    You hint at server-related solutions; I’ve had success with the following approach:

    1. Store URLs in a database, much as you have done here.
    2. Generate a very basic text file from that data (and keep it up-to-date)
    3. Use apache’s ‘RewriteMap’ directive (http://httpd.apache.org/docs/2.0/mod/mod_rewrite.html#rewritemap) or whatever the IIS equivalent is to handle redirects for that URL.

    Apache will cache that data in memory, and update it whenever the text file changes, so this should be much more efficient.

    Cheers,

    fma.

    P.S. There’s an extraneous ampersand-gt in your getLongURL() code example

  2. @fma: Thanks for the detailed comments. I’ve added your disclaimer (a noteworthy one), and cleaned up the encoding (lousy WP auto-formatting).

    @Chris: I’ll create a .php file from the code blocks above next week, when I’ll have full PC access.

  3. If I’ve configured DNS to “*.domain.com”, I assume I can use the script as ‘subdomain short-linking’ as well, like “xyz.domain.com” instead of “domain.com/xyz”, right?

    Any hints what script-changes are needed for this to happen?

    (with some extra tweaks, it might even support both, at the same time?)

  4. I like to use http://l4u.in
    It gives short domains rather than /something.
    It also gives me statistics of total clicks. Great short URL service to use.

    I suggest to this article’s author to add this link as url shorten in this article 🙂
    Features:

    Visit http://l4u.in to create shortened/redirected URLs to any long URL.
    # AJAX interface;
    # Bulk URL shortening;
    # Password-protected URLs;
    # Temporary URLs;
    # Custom tags;
    # Custom tags for bulk URLs (automatically assigned tags like tag1, tag2, tag3 and so on);
    # Redirects statistic – referer domain, referer page, visitor’s IP (+ link to geographical information about each visitor), date;
    # URLs and hits statistics can be seen even without registration (IP-based authorization);
    # Registered users: edit/delete URLs;
    # Mass upload URLs from file;
    # Export links to CSV file;

    Thanks

  5. I’ve been looking for a simple way to do this for awhile, even for just shortening our post links on our site. Now our URLs on Twitter look a lot less garbled. Thanks for the post.

  6. Hi Sean, great TUT.

    My question is thus.
    Say we have a form, that when submitted creates a unique ID.
    Which lets say is mysite.com/123456

    Can we also instantaneously without any clicks or input echo back the url shortener for this ID ?

    In essence, we have users who PLACE an advert. The advert gets assigned a unique listing ID, when they submit the form. Can we systematically, return a url shortened that pertains to this ID. Upon succesful form submission ?

    Regards Ste

  7. Hi! I wonder if I can change/modify the shortened links or delete them in any case? Is there such a service like that?

  8. Hi Liza, if you’re storing them in a database, you can modify, delete, do whatever you like with your shortened links.

  9. Hello

    I think the best what you can do is to install your own link tracking & URL shortening service on your server (domain) like link-tracking.co.uk/sean-o.tr then you can be sure your hardly created links in years will not get banned or deleted. 🙂

  10. I was trying to code my own URL using php coding for my new website and by googling the thing I found this post; It’s really worthy!!! Thanks for such post man!

  11. Sean I have a question,

    First of all congratulation for the post and many many many thanks for what you do. The question I was talking about earlier is how to make money of of it and help others achieve that as well and is there a way to automise it? (or at least a part of it). if I have a stupid question please over look it. nube here. thanks again

    P.S. could you be so kind as to send me a reply to my email address as well? thank you, you are the best

  12. Awesome solution. I plan to use this custom url shorter to support multilanguage posts in my blog. What I am doing is adding a subdomain with the language code. Thanks.

Leave a comment

Leave a Reply to TomCat Cancel reply

Your email address will not be published. Required fields are marked *