Creating a Facebook App

Facebook applications are getting popular these days. So today I am guiding you, how you can make your own facebook application and add it within a facebook page.

Register on Facebook as a Developer

Visit following link and register as a developer on Facebook if you have not registered yet.

https://developers.facebook.com/

Creating a new Facebook Application
You can find an option Add a New App under My Apps in header navigation.

image 1

When you click on this link, you can see following screen

image 2

Here we can choose our desired platform. If want to create a web based facebook application then click on Website Icon.

image 3

After filling the name of your application, click on Create New Facebook App ID

Your facebook application has been created. Next step is configuring your facebook application.

Configuring your Facebook Application

In the configuration part, we are going to configure following things:

  • Platform
  • Application web url having https protocol
  • Basic information about your application
  • Media (icon of your application)

Now Let’s start configuring your application.

You can find your application in My Apps option in header navigation. When you click your application, you will see following screen.
image 4

You will see APP ID and APP Secret on your application Dashboard. This piece of information is really important.

Your app will have a unique APP ID. You will use this ID whenever you use facebook’s SDKs or Open Graph tags for sharing or Facebook Login Implementation.

Now to add a platform to your application firstly click on settings and then Click on Add Platform button.

image 5

You can choose the platform as you want.

If you want to run your web based application on Page Tab of your facebook page, then we need to add multiple platforms. One is Facebook Canvas and another is Page Tab.

image 6

To add Facebook Canvas platform define your Secure Canvas URL having https protocol.

image 7

To add Page Tab platform fill your Tab name that you want to show along with Secure Page Tab URL.

image 8

Filling APP Information

To fill basic information, click on APP Details from left sidebar navigation.Here you can fill app basic details.Also you can upload icon images, promotional images and videos.

image 9

image 10

Running Facebook application on a Page as Tab

Replace your app id and redirect url.

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_REDIRECT_URI

image 11

Select Your Page

Click on “Add Page Tab” button
Now Visit your Page which you had select

In my example, tab name is “My Page Tab Name”. I have also created a index.html in Secure Page Tab/Canvas URL which was configured earlier during app creation.

 

image 12

This is how you can create your web application and run it on your facebook page.

You can make facebook games / facebook store to sell your products.

Hope you find this blog useful. Have a nice day !!!!!!!

Comments