I want to get iframe application but on top of it, would love to put tabs. and iframe are not really seem compatible. Do you guys know any work around this?
Thanks,
Ebe
You can't use an iframe in a Facebook Tab application due to restrictions from Facebook, though in this blog post from mid-August they say they will begin supporting IFrames for Page tabs "in the next few months".
There are other restrictions for applications which live within a Tab too, eg you have to use FBJS methods instead of regular javascript. It's a pain in the neck.
In this presentation, from January, Facebook suggest that if you really need iframe functionality in a Tab you can work around it by not putting your application in the Tab... make a Tab containing just a link to a Canvas Page, where your application can use iframes.
Alternatively if you are talking about a 'tab-style' UI for your application then it is possible with using iframes. Just use javascript to show and hide different content divs.
Here is an example of an app with a tab-style UI (and it's a Tab app, so it can't use iframes):
http://www.facebook.com/VansEurope?v=app_122643704452302
Related
Any way to join FBML and Graph API to post HTML to a FB page?
FB Iframe's based solutions are welcome too.
EDIT 24 hrs after: After play with the Page Tab functionality I have found that it is the best way to embed custom content (HTML/CSS/javascript) inside FB pages.
Basically are iframes. In the Page tab settings you must enter the URL to embed. That's all! You can use Signed Request to get the id's page and something called app_data. With that you can dynamically manage your embedded content!!!
Thanks to DMCS to guide me to it.
Yes, while the FBML is being deprecated, there is another way to accomplish posting something to a page.
You can see an example here of what is called a page tab application. It is an app specifically designed to be used on a Facebook page. It becomes a tab (can even be set to the default of what a visitor sees).
Here's an example: http://www.facebook.com/GoDaddy?sk=app_233280480043288
You can see that the content is HTML and you have full control over that HTML since it lives on your server. This also demonstrates how a fan-gate operates.
https://developers.facebook.com/docs/reference/fbml/
We are deprecating FBML. On Jan 1, 2012: FBML will no longer be supported on Platform. June 1, 2012: FBML apps will no longer work. All FBML endpoints are removed. If you are building a new application on Facebook.com, please implement your application using HTML, JavaScript and CSS. You can use our JavaScript SDK and Social Plugins to embedded many of the same social features available in FBML.
As Facebook announced to support the iframe for page tabs also.
http://developers.facebook.com/blog/post/462
I have an existing facebook app built on FBML, and it was working fine until i changed the settings to use the iframe in page tabs.
My app uses FBJS for scripting.
But, now after changing the settings, i noticed FBJS doesn't work with iframe page tabs.
Does anyone facing the similar issue?
-Imran
I don't know if there's a point in answering a question this old, but I'm fairly certain that you need to replace your FBJS with plain old JavaScript when you switch from FBML to IFRAME.
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
We're looking for a way to embed an iframe and specific content into a fan page (not a profile). Apparently it's not directly allowed using the fb:iframe tag but I did find some hints here: http://www.facebook.com/PagesDesign#/profile.php?fbhref=iportfolio.html%3F_fb_fromhash%3D53f3ede8dd88aad33d3bc346401a683c&id=92993272816&app_page=1&v=app_96944267235
Looking for a more direct way though.
Dave
Unfortunately, I don't think there's a good way to do that: iframes are specifically blocked in fan pages. If you've got an iframe application and you want to have a tab show up, you can force it to work as FBML by appending fb_force_mode to the query string.
I have a web application that I am trying to port to Facebook. The app uses a few external javascript files. So initially I wanted to create an iframe Facebook application. However, it turns out that you cannot use iframes when creating a tab application(which is a requirement). By tab application I mean placing your app on the profile page next to the wall, info, photos, ect. tabs.
Does any one know of a good tool to help convert my javascript to the FBJS scripting? Or better yet does anyone have a work around so that I can include my own javascript in this tabbed application?
Thanks for the help.
From my understanding loading external js is disabled when the user first visits the tab page (the passive page). But, once a page loads and the user interacts with it in some way (ajax post, redirect) the page is "active" and you can run flash, javascript, etc...
If you're using Ruby on Rails and Facebooker, I wrote a nice little tutorial on how to inline your javascript inside a profile tab while keeping your code DRY :
http://modelix.net/2010/03/javascript-inside-a-facebook-profile-tab/
I thought you might find this interesting, how to add a Live Chat Tab to a Facebook page:
http://apps.svpn.com/live-chat-tab-for-facebook-pages/