Facebook "Add to my page" button - facebook

I have looked all over the internet. Can anyone point me to some resources for adding the "Add to my page" button on my facebook pages tab app. I have seen other pages do it, so i know its possible.

You can add an app to a page via:
The API: https://developers.facebook.com/docs/reference/api/page/#tabs
The 'Add to my page' link on the app's profile page (deprecated, see https://developers.facebook.com/blog/post/611/ for details)
The new 'Add Page Tab' dialog you can use in your app (see the above blog post again for more details, there's full docs here: https://developers.facebook.com/docs/reference/dialogs/add_to_page/ , and a short example below):
Create a link on your site to:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=URL_TO_REDIRECT_USER_TO_AFTER_ADDING
You can also trigger this using the Facebook Javascript SDK (details on the doc above)

http://www.facebook.com/dialog/pagetab?app_id="yourAPPID"&next="your_app_url","PageTab","width=1000,height=300"
This is what you need to execute on your browser and it will solve your problem
Or you can add your app via this simple form I made, which uses the above code so you don't have to look any more, since facebook is removing the "add to my page" along with the app profile page
https://admine.eu/addapp.html

Related

Use existing page as app page in Facebook (2017)

I have both a Facebook page and a Facebook app and want to use my existing page as the page for the app. All answers I've found says that the page needs to be changed to "App Page" which is found under "Brands & Products". The problem is that those options aren't available anymore.
Can someone say how to use an existing page as an app page, or confirm that this is no longer possible?
I just found out the answer myself, so I'll answer it.
First go to your PAGE and choose Edit Page Info in the three dot menu.
Under Category, add the tag "App Page". It's important to REMOVE ANY OTHER TAGS!
https://i.stack.imgur.com/pRxDB.png
Then go to your APP at Facebook for Developers and go to Settings - Advanced. Under App Page you'll see a list of all available pages you can choose.
https://i.stack.imgur.com/mMrBW.png

Can't find the create new application button or link

I am having problems trying to create a new facebook canvas page. I have been following the tutorial: http://developers.facebook.com/docs/appsonfacebook/tutorial/
It first says to "Start by visit the developer app." which points to: http://developers.facebook.com/apps. However when I click on this link, it redirects me to to the admin panel of my actual Facebook Page.
I don't understand why this is happening and I don't know of any other means of navigating to where I can create new app?
Here's how I got there:
Clicked on your link.
Logged into facebook.
It brought up the screen below.
I do want to note that it changed the link to a secure link https://developers.facebook.com/apps

Accessing "About App" page for own apps

I recently created a small application to embed as a page tab on Facebook.
I've done this before, but it seems like the procedure has changed since then.
I found this page: https://www.facebook.com/help/?faq=172925542764476, which says that, in order to embed the page as a page tab, I need to go to the "App About" page and click a link there.
My problem is - I can't find the "about app" page for my app! I was eventually able to determine the page for accessing my app directly (https://apps.facebook.com/[appID]/), but I don't think this is the page they're referring to. The FAQ suggests searching for the app name on Facebook, but doing so does not pull up my app.
Can anyone lead me in the right direction?
You might not have one, you need to create it via the 'Create page' option in the 'App Details' section of the app settings.
You don't need this page to add an app to a page, you can also use the Add Page Tab Dialog or the Pages API to add your app to a page.

How to migrate Fanpage with App? [duplicate]

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.
It is possible. I had the same problem. What you need to do is the following:
Categorize your existing page under "App Page" (found under "Brands & Products").
Change your page name to mach your App name.
Go to your App and select "App Details"
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".
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.
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
Access the About section
Click on Edit Page Info on the top right side.
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.
Access Settings on the left side menu.
Set the category to Apps for pages and hit Save. [#JohnMc mentioned this has to be the only category selected.]
Open the Advanced section and find the App Page block.
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.
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.
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.
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.
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.

How to link a Facebook app with an existing fan page

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.
It is possible. I had the same problem. What you need to do is the following:
Categorize your existing page under "App Page" (found under "Brands & Products").
Change your page name to mach your App name.
Go to your App and select "App Details"
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".
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.
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
Access the About section
Click on Edit Page Info on the top right side.
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.
Access Settings on the left side menu.
Set the category to Apps for pages and hit Save. [#JohnMc mentioned this has to be the only category selected.]
Open the Advanced section and find the App Page block.
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.
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.
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.
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.
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.