How to link a Facebook app with an existing fan page

Facebook

Facebook Problem Overview


Now that Facebook has depreciated the landing pages for apps, how do I get my app to point to the Fan page for it's landing page?

I've checked under the Advanced tab and contacts -- but there's no place I can see to list my Fan page as being linked to my application.

According to this blog post from December, new apps can create a new Fan page, but there's no information on how to do it for existing pages -- they just say that "it will be linked automatically." Unfortunately it was not -- when you post something from our app onto your wall, the link takes you to our website rather than our Fan page.

I'd love for that link to take you to our fanpage again, but I seemingly can't find any documentation on this.

Facebook Solutions


Solution 1 - Facebook

It is possible. I had the same problem. What you need to do is the following:

  1. Categorize your existing page under "App Page" (found under "Brands & Products").
  2. Change your page name to mach your App name.
  3. Go to your App and select "App Details"
  4. Under "Contact Info" you will find "App Page". There you will be able to create a new page or if all went well, select your page from a list.

I found the info in the little question-mark next to "App page".

I hope this helps.

Solution 2 - Facebook

It is possible to add the application to any page you administer. This can be achieved from solutions mentioned below:

Solution 1

http://facebook.com/add.php?api_key=[YOUR_APP_KEY]&pages=1&page=[YOUR_PAGE_ID]

YOUR_APP_KEY You can get it from application settings, its App Id

YOUR_PAGE_ID You can get it through Graph Explorer https://graph.facebook.com/[PAGE_NAME]

Solution 2

https://www.facebook.com/dialog/pagetab?app_id=[YOUR_APP_KEY]&next=[REDIRECT_URL]

YOUR_APP_KEY You can get it from application settings, its App Id

REDIRECT_URL Any URL you want to redirect back to after adding the tab

Official Solution
Answer from @Dvir Levy is the official solution from Facebook. The issue with that approach is that we mostly can not follow that solution. Suppose we had to add an application tab to a brand page like 'ABCXYZ', if we follow that answer then we had to change the brand page name, and we can't do it, brands/clients we work for doesn't allow these changes.

Solution 3 - Facebook

Due the recent changes on the Facebook UI, some options have changed or are under a different place.

I would like to share the up to date way to achieve this.

On your page
  1. Access the About section
  2. Click on Edit Page Info on the top right side.
  3. Set one of your categories to App page

PS: May be needed your page and app share the same name, but can't confirm this.

On your app

Access your app from the Facebook Developers apps panel.

  1. Access Settings on the left side menu.
  2. Set the category to Apps for pages and hit Save. [@JohnMc mentioned this has to be the only category selected.]
  3. Open the Advanced section and find the App Page block.
  4. Under Existing page select your page and hit Save.

All set!

Note: If you remove the link between the page and the app you won't be able to link them again.

Edit: As @John Mc pointed out in the comments, App page has to be the only category selected.

Solution 4 - Facebook

Happned to me. You need to add yourself (your developer account) as manager/admin of the page. Then it will recognize the link between you and the page and the app will show the app page so you'll be able to choose it.

Solution 5 - Facebook

This is possible.

Go to you business page, add yourself as a managed (make sure you have liked the site first)

Then refresh the App Details developers page. Select the business app page from the App page contact section.

Note the Business page has to be the Brands & Products : App Page, and the same name as the App.

Solution 6 - Facebook

Here's how to add a tab to a page.

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

I use the direct URL Method. Go to your page and then type the following into the address bar of your browser.

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

Where YOUR_APP_ID is the app id shown in the app configuration page, and YOUR_URL is the page you want to to be redirected to once you close the dialog.

Solution 7 - Facebook

In the Facebook app config settings will be Site URL. This is the place where it's currently going, correct? So have your marketing people make a "pretty" landing page for the app, and you can change your app settings to point to the pretty landing page. Maybe all that landing page is a redirect to your Facebook fan page.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestiontkoneView Question on Stackoverflow
Solution 1 - FacebookDvir LevyView Answer on Stackoverflow
Solution 2 - FacebookSyed QaribView Answer on Stackoverflow
Solution 3 - FacebookGabriel G.View Answer on Stackoverflow
Solution 4 - FacebookEranView Answer on Stackoverflow
Solution 5 - FacebookAntony CooperView Answer on Stackoverflow
Solution 6 - FacebookArt IanuzziView Answer on Stackoverflow
Solution 7 - FacebookDMCSView Answer on Stackoverflow