Search This Blog

Wednesday, October 20, 2010

How to setup/integrate Facebook Platform with your own




Facebook is a host platform today for developers, marketers, businesses, actually
anyone really! Facebook is the world's largest social network topping over almost
500 million users. The amount of active traffic you can get from Facebook
is astonishing. I am not going to bloat about Facebook and how awesome it is but
what this blog post is about is how you can get started with Facebook in your own
site in less than 15 minutes. There are many tutorials out there now that try
to explain this but fail miserably. Either the documenation that the tutorial provides
is out of date or the version is out of date. It is very hard to follow. This blog
post will make it incredibly easy for anyone to get started who knows how to copy/paste
:) Let's get started:

Step 1: Register your application with your facebook account

Once you are logged into your facebook account go to the follow address:
Register your application
If you have not already added the facebook "developer"
application to your profile, you will need to do so in order to continue. If you
are reading this blog, I am hoping that you have already added the facebook developer
application to your profile. If not, its easy to add, just like any other app you
add to your profile.


Fill out the captcha...

Step 2: Setup your application's info

To make your application more easy to understand for your users, provide a brief
description about your app. Also, you can include other helpful information to your
user such as contact email, the developer's name, etc.

Step 3: Setup your web application details

I had the most trouble getting this work since all the google'd information I found
on doing this was out-of-date. Under 'web Site' tab on the left, enter your site's
URL and site's domain. (e.g. site URL: www.example.com/, site domain: example.com)

Step 4: Create a dummy page in your web site's root called 'xd_receiver.htm' with the following code


Step 5: Create a base page on your site to connect to facebook using Javascript

This part requires a little more knowledge on the coding part. If you have made it this far, your are doing well. Almost there!
We need to create a page to collect our facebook data and show it on our web page. Create a page on your site using whatever technology you prefer and then
in the paste in the following code:




You will need to deploy this web page to your site on the web in order to get this to work. This will basically allow you to connect to facebook using an account of your choice. (e.g.
Your fb account , your dev account, etc.) That is pretty much it as far as the hard stuff goes. The only thing left to do is to work on what your application needs from facebook.
You will need to look throught the JavaScript API and SDK to understand how to format requests and the other. One thing I did leave out is how to obtain the oAuth token that you will
need in order to query the Graph API. I will blog on this later. This should get your development started ASAP!
Check out the following links below to help:

[Posted By] - Vorality Admin on

[Key Words]