Things to note down :-

1. App Id (Step 2)
   
2. Page Tab Name (Step 3)
   
3. Page Tab URL (Step 3)
   

STEP 1:- ADDING THE APPLICATION

• Go to the link https://developers.facebook.com/apps and click on “create a new application.”
  

Add a valid name for your application (No symbols or spaces). For now ignore the Namespace field and proceed to “I agree to the Facebook Platform Policies”, click to continue
[Attachment: #2484]

Step 2:- ADDING BASIC INFO ABOUT YOUR APP


[Attachment: #2485]
[Attachment: #2486]

Give a NameSpace to your PageTab application in “App Namespace” tab. Namespace is simply the url friendly version of your app display name. App Domain is the website your data will be fetched from. Note: - The domain/website you add here must have SSL installed on it (https://)
Also make sure to note down your APP ID, this will come handy later on.


Step 3:- INTEGRATING THE APP WITH FACEBOOK

Website
“Site URL” is where you enter the url of your website.
Page Tab
“Page Tab Name” lets you decide the output you wish to display on the index of your page tab
“Page Tab URL” is the file that is used as the final display/output. This page contains html code that you wish to show on your facebook page. If adding an html page does not work, then try renaming your html file as .php and do not forget to enter the “/” at the end of the url.
“Secure Page Tab URL” and “Page Tab Edit URL” will have the same url/website as “Page Tab URL”.

[Attachment: #2487]

Step 4:- ADVANCED SETTINGS

[Attachment: #2488]

On the same page, you will find the “advanced settings”. Here we move to the canvas settings and set the “Canvas Width” to “Fluid”. Save changes.


Step 5:- SETTING IT UP TO SHOW ON YOUR FACEBOOK PAGE
Now go to the facebook page copy paste the below url
http://www.facebook....pagetab?app_id=YOUR_APP_ID&next=YOUR_URL


Remember APP ID from Step 2? Well YOUR_APP_ID = APP ID and YOUR_URL is the url/website you added in “Page Tab URL” from Step 3.
If done right, a dialogue box should ask you which one of your pages should be used for your PageTab APP.


On selecting a page and clicking on “Add Page Tab” button your PageTab will be set on your facebook page.

[Attachment: #2489]

Step 6:- Making the App your default page or default landing page. (Every time a new visitor comes to your page, he will see the PageTab first.)
For setting this newly created page tab as a default landing page.

1. Click on “Get Started” on the left top side of your page.
   
2. Now click on the “Edit Page”.
   
3. Here click on “Manage Permissions” on the left top side.
   
4. In this section click on the dropdown list of “Default Landing Tab” and select the name which you had provided in “Page Tab Name” of Step 3.
   
5. Finally click on “Save Changes” in the bottom.
   

Voila! Now every new visitor is shown your Page Tab. Once they like the page, they will be shown the updates, posts and so on.

I did create this topic mainly because I want to know everything about that configuration file. I will post other replies if I want to know more depending on your experience. Is this code correct for that file: CODE<? $host="localhost"; $ ...more

Hey All, I'm stuck! I am trying to use PHP variables accessed from an external file in javascript code. I can set the array from the external file. I can get PHP variables to javascript. I can get PHP array variables to javascript. Something goes wrong when ...more

I came across an interesting trick while I was trying to make multiple domains to be parked but each would have different index page. (See my previous post). You don't have to rename file_as.html to file_as.php. You can eliminate the hassle of losing search engine link. There's ...more