Last week we were able to install an FBML application to a Fan Page Tab. Now the Tab will not show up. See screenshot here: http://bugs.developers.facebook.net/attachment.cgi?id=3075
FBML application: http://apps.facebook.com/alice-storefront/
Fan Page Test: http://www.facebook.com/pages/manage/#!/pages/Alice-Sandbox/150177181689663
The FBML application is installed but will not show up on the tab.
We have tried adding other applications to this page with no tabs being created. We have also tried creating new pages and adding the above application to the page with no luck.
I think we may be stuck in purgatory given the developer roadmap outlining that FBML applications will be deprecated "soon" but the switch to iframes for Fan Page tabs is murky (no documentation). See here:
"We will begin supporting IFrames for Page tabs in the next few months. Developers building canvas applications should start using IFrames immediately. By the end of this year, we will no longer allow new FBML applications to be created, so all new canvas applications and Page tabs will have to be based on IFrames and our JavaScript SDK. We will, however, continue to support existing implementations of the older authentication mechanism as well as FBML on Page tabs and applications." - http://developers.facebook.com/blog/post/402
How can we fix this problem?
FBML Tabs are still supported. Are you sure your FBML is working? When I go your FBML app the page is blank. I am wondering if there is just an error in your application that is causing this. Without code or more details I can't tell you any more about why your particular tab isn't working, but I can tell you that FBML tabs still can be created.
I figured out the problem.
This issue is a bug in Facebook. Which as of 10/25/2010 still exists.
It is outlined in their forum: http://forum.developers.facebook.net/viewtopic.php?pid=238976#p238976
Essentially, with the Application Edit setiings the Canvas URL has 2 parts: 1. the default url and 2. an empty textbox below it. That textbox CANNOT BE EMPTY. Once I put a "?" in that textbox, which is the leader of the params string, the tab was finally displayed.
Detailed instructions as per the URL above:
1) Go to your APP Settings;
2) Go to the "Profile" "tab";
3) At "Tab URL" fill with:"?" (without quotes);
4) Save your APP;
5) Go to your "Fan Page Settings";
6) Remove your APP;
7) Go back to your "APP Profile";
8) Click "Add to my Page";
9) Chose you page and click the "Add to Page" button;
10) Go to your "Fan Page" and now it will be avaliable on de "+" button on tab bar.
Related
I relate to this well known Page Tab Tutorial by FB: https://developers.facebook.com/docs/appsonfacebook/pagetabs.
The third step, after filling of page tab info and adjusting of the tab width is getting a prompt to select a page, to which the newly created tab will be added. But i don't get this promt, like it's written in the tutorial and seems to be the normal case for all users.
After i edit tab details and press "save changes", the page reloads with "saved"-message, like on this screenshot,
and i see no further given possibility to add created app to any of my pages. If i go into the administration area of any of my pages, in the tab "apps" is this newly created app not present, so i can't add it from there too. What i'm doing wrong? The solution must be simple - i go crazy:( I tried it with Firefox and Chrome, setted off all popup- and adblockers - nothing goes...
Thanks for ideas and advice!
Evgeniy
The "manual solution" to this problem has changed. While logged into facebook, visit this link in your browser:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_URL
There are two parts of this link you must change before it will function.
YOUR_APP_ID: Find this in your app settings or app dashboard URL. It's a long number, 16+ digits.
YOUR_URL: Use the URL of the content your new tab page will call, ie "Tab Page URL" as entered in your app settings.
This newly modified URL will load a page with a dialog where you can choose which of your Facebook Pages to add the tab to.
These instructions appear here but they are far from clear. Good luck!
For anybody who will look for solution:
to add a page tab to any page do it manually: edit a link
http://www.facebook.com/dialog/pagetab?app_id=HERE-COMES-APPID-OF-YOUR-PAGE-TAB-APP&redirect_uri=http://www.facebook.com
fill into the link the app id of your newly created page tab and run this link in your brwoser: you will get a site with the prompt from the first image i cited in the first post. There you will be able to select one or, with pressing SHIFT, many pages to add your app/page tab.
You must choose "PAGE TAB" in the dialog ! ! !
see the TUTORIAL here: https://stackoverflow.com/a/35287477/2377343
I've searched and searched and can't seem to find any info in regards to this...
We have a facebook page (facebook.com/companyname). We also have an app on facebook (apps.facebook.com/companyname). I can create a NEW community page from the app, but i cant link it to the existing page. How come? Is there any way to do so?
There's plenty of similiar questions and no one has had an answer yet.
Thanks for the help!
You should go to edit your page and change the category to Brands & Products and sub-category to App Page.
Then go to app details and select this page as app page.
#Muhammad Javeed - Thanks to you, I finally figured this out!
For those who need a little help, this was what I did.
Goto your existing Facebook Page
Click on 'Edit Page' button and select 'Edit Settings' from drop down menu.
Click on 'Page Info' on the settings page.
Click on 'Category' to expand selections.
Select 'Brands & Products' in 1st drop down and 'App Page' in the 2nd drop down.
Click 'Save Changes' and that's it.
Go back to your App Developer Page > App Details > Contact Info > App Page > Link to your Page.
Unless Facebook changes the menu/settings page dramatically, I can confirm this works!
I have done significant research into this. There is no way to do this (though it's such a common use case where someone already has an active fan page and launching an app later)
Earlier every app used to have a profile page (which was not like fan page) and facebook at the start of the year gave ever app admin to move their likes to another fan page. This option has been removed.
There is another way that I have discovered.
Create fan page for the app (from app details section) by clicking "Create Fan Page"
Goto pages and select this newly created fan page and rename it to be the same as the other active fan page(with which you initially wanted to link to). This is needed because merge option appear when 2 pages have same name and same category.
Goto your active (original) fan page, click edit page, goto resource and click on merge pages and do the marge.
However as someone has already reported, there is a bug in the system, on merging it removes the app link (something that will be fixed soon). Here is the link to the bug.
http://developers.facebook.com/bugs/413029272079414?browse=search_5033475a2a50c9f73780526
I tried the other answers but didn't worked for me.
What worked for my case is that I needed to make the name of the fb page & app's name match EXACTLY. And after making them the same I now see a dropdown and then selected the right fb page.
If you've linked them correctly you should see a new button called "Play Now" on your page, if its a game app.
Check it on this page
https://www.facebook.com/pages/4-Pics-1-Word-Tagalog/499833986805671
I fixed this issue by:
Choose only one App Page for the page Category
Go to https://developers.facebook.com/ Setting > Advanced, scroll down to the App, now you can see the button to choose the existing page
Create a second Page on App Advance Settings.
Now go to the other first Page Settings you have and Merge.
I have been struggling with this same issue. It appears that the name do not need to match entirely but at least the app name needs to start with (part of) the page name. I found this since the page name was longer than the allowed max name length of the app.
Paul
as on Nov 17th, 2017.
App page itself is a category, selecting this category would be the only option.
Also, Fb App name and Fb Page name must be the same for integrating existing page.
Are you talking about adding a tab for your app (apps.facebook.com/companyname) to your existing page (facebook.com/companyname)?
If so, then go to your page (facebook.com/companyname) and in the URL type in
"https://www.facebook.com/dialog/pagetab?app_id=[YOUR_APP_ID]&next=[YOUR_APP_CANVAS_URL]"
That should automatically direct to a form asking you which 'page' you would like to add a tab to. Select the page from the drop down list and click ok. That should redirect you to your app canvas url. Navigate back to your company page and see if the tab appears at the bottom of the list on the left hand side.
Cheers.
Whats the best way to develop a tab on facebook in a facebook page with content inside it? Would it just be html within that tab?
Easiest way is to install a 3rd party iframe App on your Facebook Page. You can find these Apps by searching for "iframe" in Facebook's search. Once you have one of these Apps installed, you can customize the HTML/CSS/JS of the iframe, which will then be reflected on you Page Tab. Alternatively, you could create your own Facebook App and install it as an iframe in your Facebook Page. This will achieve the same thing, and may give you more control, but you will have to host the html/css/js files yourself and it will be more work.
I recently have the same need.
To just place a facebook tab containing just a static html with text and image.
Here are the steps. It can be quite a nightmare to review the documentation of Facebook since it is always in change.
In the home page, click in the settings button. There is a link "Create application". You have to be sure to be in the Facebook development section
In the Create Application home page. In the upper menu there is the button "Applications". Here will be listed all your applications. If this is the first time, again the button "Create a new app"
3.Enter the information requested. Name of the application, an identifier (I prefer the same display name without spaces) and choose a category.
As a security step, a captcha is shown. Just fill with the characters in the screen.
Since your tab is an html. You have to host this file in your own server in order to have a path. The first tricky thing here is to convert this file into a php, asp, or similar extension. since Facebook uses GET or POST protocol to send information. You have to ensure that your file understands this requests. So, your server must accept the corresponding programming language. Even if your tab doesn't have any real code.
The configuration of your app is shown in screen. In the left menu, the option "configuration" displays the options to activate your tab.
click "Add plattform" button and select Facebook tab
fill the information required with the corresponding URLs. Note: Facebook always requires secured URLs so make sure that your server or hosting service has the SSL certificate validated.
Upload the image of your tab to be shown in the home of your profile in your tab section.
ok, so far we are good. Now. This was a long search. There is no longer the "Add to my webpage" link anywhere. So use this link to access to that hidden link. here Basically you enter the facebook app id and the URL of the hosted file.
Then you select the facebook page where you want to link this tab. And that's it!
note: the alternative to the link is this: (https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL )
Hope this helps. It was a waste of time when I have to search for the details so I want to share this.
My app tab is not visible in my app page. I did following steps, but app is not visible.
1) Created app from https://developers.facebook.com/apps/
2) Added all fields to Page Tab configuration
But I cannot see tab in my application facebook page (https://www.facebook.com/apps/application.php?id=appid).
You'll need to do as #DannyKK says, then head to the Apps section of your Page administration, and find your app in the list. Click 'edit settings', then on the Profile tab of the resulting dialog you'll have the option to finally add the custom tab to your page.
I find the process wildly unintuitive. Possibly it's been streamlined and the step DannyKK didn't mention is no longer necessary, but just in case...
I have created my first IFrame App in facebook (custom tab), and all the IFrame is directing to is a simple PHP page, with HTML tags stating Hello World...
However, this is showing up in Firefox and Chrome, but not in Internet Explorer - and I cannot figure out why; even tried googling it to no avail.
Please help me! I cannot move forward without solving this issue!!
did you already fixed this? I figured out that the Internet Explorer has a differend handling for parameters. I faced the same issue: my cutom tab (iframe) was working perfectly on Firefox, Opera, Chrome, but never shown IN IE7+8.
Later I realized that I added a questionmark to the URL, but w/o any parameter, like this:
http://www.mydomain.com/mypage.html?
Solution: If you just only want to embedd an html page, you don't need to do this any longer. Just create your Facebook app, go to "Facebook Integration", scroll down to "Page Tabs", add a "Tab Name" and the "Tab URL". Don't add a "?" to the Tab URL.
Once I removed the "?" the custom iframe tab is shown in Internet Explorer 7 and 8.