Adding a Tab to facebook page

Question

I just created a facebook page. I also have a separate facebook APP.

How can I add a tab containing my facebook APP to the facebook page?

I've set the app to allow install on pages, and added a tab name, tab image, etc, but the app doesn't show as an application to be added on the Facebook page when people access my app

Answer 1

You can use this link,
add your app_id and app_namespace,

<a href="http://www.facebook.com/dialog/pagetab?app_id=YOURAPPID&next=URLOWNEDBYOURAPP">Tab Link</a>

Answer 2

This used to be simple, using the Facebook UI. Unfortunately facebook removed this.

you can add it using
http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

I put this an html and published it below. Just visit, enter your app params, hit submit, and you're done.

http://www.jibecompany.com/2012/add-a-facebook-page-tab-application-to-your-page

Answer 3

There are two main ways to do this, and a third which I think is out of scope because it's outside the control of the app developer

1) Add Page Tab dialog

For this, you send the user to the dialog and they're prompted to add your app to your page

Example usage is to link the user to a URL of this format:

http://www.facebook.com/dialog/pagetab
  ?app_id=<APP_ID>
  &redirect_uri=<A URL OWNED BY YOUR APP> 

Any URL owned by your app works for the redirect_uri parameter, but in most cases you'll want to use the same value your app uses for 'Page Tab URL' or 'Secure Page Tab URL' in the app settings

For a working example, you can add the InstaTab app using this dialog

The admin will see a dialog that looks like this:

Full documentation for the dialog is in the Add Page Tab dialog documentation

2) Post your app to the user's page(s) using the API directly

Using the Page object's /tabs connection you can add your app to a page directly. To make the API call you'll need manage_pages permission from the page admin.

Once you have that, use the Page access token to make a POST request to /v2.0/<PAGE ID>/tabs with the one parameter, app_id with a value of the App ID of the app you want to add to the page. If the app provides a page tab, that tab will be added to the page.

A sample API call would be a HTTP POST to

https://graph.facebook.com/{page-id}/tabs
    ?app_id={app-id-to-add}
    &access_token={page-access-token}

3) Page settings interface on Facebook.com

The page admin can use Facebook's Page management interface to search for apps which provide page tabs in the Apps for Pages section of the App Center - in this case you'll need a way to get users who find your app via this method to add the tab using one of the methods aboce

Answer 4

Solution !

1) Enter https://developers.facebook.com/apps/ and choose (or create) desired app.

2) do this from settings:

3) then enter:

- https://facebook.com/dialog/pagetab?app_id=APP_ID&redirect_url=https://yoursite.com
or
- http://facebook.com/add.php?api_key=APP_KEY&pages=1&page=PAGE_ID

Answer 5

https://developers.facebook.com/docs/reference/dialogs/add_to_page/

There is a URL there, just hit it, after replacing the app id and the Canvas URL for your app. e.g.

https://www.facebook.com/dialog/pagetab?app_id=123456789
&display=popup&next=http://www.myhosting/myapp/index.php

It will then ask you to select which of YOUR pages you would like to add the app to.

An app is an app, and a page is a page. When people talk about Tabs, that is when you have added the App to the page, as on the old FB page layouts the apps list were tabs down the side.

Answer 6

Add a Profile Tab page at the developer page (Edit Settings > Profile) http://www.facebook.com/developers/apps.php

You can add all Apps as Tab which are currently active in your session and have Tabs-Urls added.

Use the "+" icon at the Public Profile/Page to add it - if its not in the list use the search function at the bottom of the list.

If you're Tab is blank open the Tab Url directly. If its not working there fix it until it is. If it is working there the problem is within the communication of fb with your host. Check your Logfiles!

Wild guess: Be aware that facebook fetches this pages via POST request. I had a nasty bug because nginx 500's all post requests to static files (e.g. HTML files).

Answer 7

A bit late for you, but may be for others, I found out how to add my app to a new tab:

1. You need to create a profile for the page admin! If you didn't, on the top right of Facebook page you should have a link 'Create Your Profile'. It doesn't make sense to me but ...
2. Go to this link (thanks ifaour):https://www.facebook.com/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_URL&scope=manage_pages&response_type=token
3. Got to your http://www.facebook.com/apps/application.php?id=YOUR_APP_ID and add the app to your page

Answer 8

I think this is what you're writing about:

1. Go to your app's page
2. Click add to my page
3. Choose page where you want to add a PageTab for your app

Answer 9

I'm a little confused as to what you're meaning by 'tab'. The FB formatted tabs are created using something like this:

<div style="padding:10px;padding-top:0px;padding-bottom:0px;">
    <fb:tabs>
        <fb:tab-item href="index.php" title="Home"/>
        <fb:tab-item href="page2.php" title="page 2"/>
        <fb:tab-item href="page3.php" title="page 3" align="right"/>
        <fb:tab-item href="page4.php" title="page 4" align="right"/>
    </fb:tabs>
</div>

Again, just a stab in the dark here.