How to Add a Facebook App as a Tab on a Facebook Page

Tadashi Shigeoka ·  Sat, April 21, 2012

I researched how to add a Facebook app as a tab on a Facebook page, so here’s a memo.

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL

・YOUR_APP_ID: The APP ID of the app you want to add as a tab ・YOUR_URL: The root URL where the app you want to add as a tab is located (secure URL is better)

Change the bolded parts “YOUR_APP_ID” and “YOUR_URL” in the URL as described above and open the link. Then a dialog asking “Which Facebook page do you want to add this to?” should appear as follows. 

・Source: Facebook App Pages Deleted, Tab Introduction Method to Change | FBN Future box news | Media Covering the Future of Facebook, Android, iPhone WEB

Add PageTab at Facebook Page

Tool to Add IFrame Tab to Facebook Page: Koiki Space

Method for Adding IFrame Tab to Facebook Page Has Changed: Koiki Space

Of course, it’s also documented in Facebook Developer’s official documentation.

■ Direct URL Example

You can also bring up the Add to Page Dialog by explicitly directing the user to the /dialog/pagetab endpoint:

https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL

■ Properties

・app_id
Your application’s identifier. Required, but automatically specified by most SDKs.

・redirect_uri
The URL to redirect to after the user clicks the Add Page Tab or Cancel buttons on the dialog. Required, but automatically specified by most SDKs.

・display
The display mode in which to render the dialog. This is automatically specified by most SDKs.

・Source: Add Page Tab Dialog - Facebook Developers

That’s all from the Gemba.