Adding a tab to your facebook page

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

How to add a tab containing my facebook APP to facebook page?

I installed the application to allow installation on the pages, and added the name of the tab, the image of the tab, etc., but the application does not appear as the application that will be added to the Facebook page when people access my application

+44
facebook facebook-graph-api tabs facebook-page
Sep 02 '09 at 23:10
source share
9 answers

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> 
+57
Jan 05 '12 at 19:25
source share

It was easy using the Facebook user interface. Unfortunately, facebook deleted this.

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

I posted this html and posted it below. Just go in, enter the parameters of your application, click "Submit", and you're done.

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

+26
Feb 08 2018-12-12T00:
source share

There are two main ways to do this, and the third, which, it seems to me, is beyond the scope, because it is beyond the control of the application developer

1) "Add Page" Tab Dialog

To do this, you send the user to the dialog box, and they are invited to add the application to their page.

An example of use is to associate a user with 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 that belongs to your application works for the redirect_uri parameter, but in most cases you will want to use the same value that your application uses for “page tab url” or “page bookmark url” in application settings

In a working example, you can add InstaTab using this dialog

The administrator will see a dialog box that looks like this: Add Page Tab Dialog prompting a user to add the 'InstaTab' app to their page

The full documentation for the dialog box is in the Add page Tab dialog box.

2) Submit your application to user pages using the API directly

Using Page object /tabs connection , you can add your application to the page directly. To call the API, you need to manage_pages permission on the admin page.

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

The sample API call will be an HTTP POST for

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

3) The page settings interface on Facebook.com

The page administrator can use the Facebook page management interface to search for applications that provide page tabs in the Apps for Pages section of the App Center - in this case, you need a way to get users who find your application using this method to add a tab using one of aboce methods

+8
May 20 '14 at 4:38
source share

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

There is a URL there, just click it, after replacing the application ID and the Canvas URL for your application. eg.

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

Then he will ask you to choose which of your pages you want to add the application from.

An application is an application, and a page is a page. When people talk about tabs, that is, when you added an application to a page, because on the old FB page layouts, the list of applications was tabbed down.

+6
May 10 '12 at 14:14
source share

Add profile page on the developer page (Change settings> Profile) http://www.facebook.com/developers/apps.php

You can add all applications as a tab that are currently active in your session, and add Urls tabs.

Use the "+" sign on a public profile / page to add it - if it is not in the list, use the search function at the bottom of the list.

If you are empty in Tab, immediately launch Tab Tab. If it does not work, correct it until it is gone. If it works there, the problem is fb communicating with your host. Check your logfiles!

Wild hunch: Keep in mind that facebook retrieves these pages through a POST request. I had a nasty bug because nginx 500 sent all static files (e.g. HTML files).

+4
Sep 03 '09 at 8:09
source share

Decision!

1) Enter https://developers.facebook.com/apps/ and select (or create) the desired application.

2) do it from the settings: enter image description here

3), 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 previously> 
+4
Feb 09 '16 at 8:47
source share

A little late for you, but maybe for others, I found out how to add my application to a new tab:

  • You need to create a profile for the page administrator! If you haven’t done so, you should have the link “Create your profile” in the upper right part of the Facebook page. It doesn't make sense to me, but ...
  • Follow 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
  • Get http://www.facebook.com/apps/application.php?id=YOUR_APP_ID and add the application to your page
+2
Jan 24 2018-11-11T00:
source share

I think this is what you are writing about:

  • Go to your application page.
  • Click add to my page
  • Select the page where you want to add a page for your application.
-2
01 Sep '11 at 11:40
source share

I am a little confused by what you mean by tab. Formatted FB tabs are created using the following:

 <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 kick in the dark.

-3
Sep 03 '09 at 0:14
source share



All Articles