Tuesday, 3 July 2012

HOW CAN I CREATE AN "ADD ME" FACEBOOK BUTTON ON MY SITE?


That's an interesting question, and generally my answer would be "no" because Facebookhas put a lot of effort into creating its own universe, generally one that's not easily reached from the rest of the Internet at large.
However, a colleague (thanks Trent Urbanski) gave me a little tip on how to reverse engineer just this sort of thing so let me share it with you so you too can create a nice "let's connect on Facebook" button for your blog or Web site...
The first thing you need to do is figure out your numeric account ID on Facebook.
The fastest way I know to get this information is to click on "Profile" on the top menu of your Facebook home page:


facebook navbar top left profile

Now scroll down a bit and you'll see your "Friends" box:


facebook profile friends count

Turns out that the link that shows you how many friends you have includes your Facebook account ID number, as you can see here:


facebook profile friends show url

You can simply copy that link with a Cmd-Click (or Right-Click) and paste it into an edit buffer to extract the numeric value. Mine account ID is 500501552 as you can see.
Now here's the hacking part: the link you want to create looks like this:
http://www.facebook.com/addfriend.php?id=yourID
For me, for example, it'd be:
http://www.facebook.com/addfriend.php?id=500501552
To make it into a button, simply wrap it in some rudimentary HTML:
<form action="http://www.facebook.com/addfriend.php"><input type="hidden" name="id" value="yanyancute13" /><input type="submit" value="Connect with me on Facebook!" /></form>
That code looks like this in action:
Tweak and modify to your hearts content, and enjoy!

0 comments:

Post a Comment

Internet-PublicLab. Powered by Blogger.