you all may know, there are some FB apps for creating tabs or links on the left menu of a FB fanpage. tabpress is such an app.
you can add multiple tabs with different content, for example iframe, youtube video, contact forms, ...
how this apps are done? do I need an own app for each type of tab?
which FB api functions add the tabs to left side?
does anybody have some input? I want to create an app like tabpress.
Please read: https://developers.facebook.com/docs/appsonfacebook/pagetabs/ for how to develop page tabs. For a tab to have a different name, it will also need to be a different app. So in your case, you will have multiple apps.
William, use this FB URL http://www.facebook.com/add.php?api_key=ENTER-YOUR-APP-ID-HERE&pages where you replace ENTER-YOUR-APP-ID-HERE with actually APP ID. Then just submit that by selecting one of your pages and you're done.
Related
I have looked at existing questions but found nothing that answers my questions.
I have an app on facebook (its actually a webpage added as an app). I have added Page Tab as a platform. I also have a page for the app.
Now, I am trying to add this app to another page, as a tab.
I am not finding any way to do this right now. When trying to manage tabs, I can add apps. But I only see "notes" as an option. Any idea how to do that ?
Thanks.
The docs tell you how to add an App to a Page: https://developers.facebook.com/docs/pages/tabs#adding
For example, open this in your browser with the appropriate parameters:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_URL
...you will see a list of all Pages you manage and you can add the App to those.
How woobox and ShortStacks are managing multiple tabs on our single page ?
I mean, by using one facebook app we can have only one page tab. while ShortStack is able to install multiple tabs on same page. So, can anyone explain me, how they are doing ??
by using one facebook app we can have only one page tab
Correct. And with multiple facebook apps , you can have multiple tabs - under the SAME page.
See, dont get confused, you can give the same page url same for all of your apps.
I am currently developing UI for a facebook app. Basically, the game is shown on the canvas page and it has navigation in a tab form.
What I need is that when a user clicks "friends" to invite people, the page will show over the game(the game is still in background, and running as it should be). So the page must not reload. To do this I placed the url of the friends requests in the src of an <iframe> and using jquery to hide/show the divs but the problem is the <iframe> will also contain the header, footer and all like facebook.com, but I just want the content because the user is already on facebook. Is there a better approach than what I'm doing? How would I accomplish this?
A good visual example is the navigation of "City of Wonders" facebook app.
You'll need to write a server side script that uses the facebook API to get a list of friends. Then you simply generate the HTML that is necessary to display and use this information.
Also, instead of using a an <iframe></iframe>you could just use a <div>, and use javascript to populate it's innerhtml (via ajax).
I'm able to make Facebook apps. But I have some problems. The documentation highlights this example: http://www.facebook.com/cocacola?v=app_161193133389
My apps are getting included as iFrames, even when I specify FBML - Coke's is more embedded. The "like button" generator creates a different style of like button to Coke's. Coke's uses a built in Facebook CSS stylesheet. Coke also has FB style links down the left side of their page.
Does anyone know how I could go about making an App like that? The documentation really does not cover it. Even useful web-links would be great. Thanks!
Actually, the link to Coke is not an application, but a FB page. The like button showed is the standard like button that you get when you create a page, which is different than the one that you obtain when you use FB social plugins.
They are very different things. A page represents something: a business, product, service, etc., while an application is, well.. an application. Note that pages can hold applications in their tabs, or just normal (and brand new) iframe tabs.
Regards
I'm new to facebook app development and i cant seem to figure this out. I have a simple app i made (an iframe website) that i want to add to a tab on my facebook page. When i try to click on the + tab to add it to my page i only have a few options of youtube, events, fbml... When i do a search absolutely nothing comes up unless i search for those items i just mentioned before (youtube, events, fbml).
Type this into your browser's url bar with the appropiate ids. (I already assume you have configured the app settings for page tab urls,etc).
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL
See https://developers.facebook.com/docs/appsonfacebook/pagetabs/ for a full explanation.