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.
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.
I am trying to use FBML to redirect a user to the Wall after they click the "Like" button. I understand that FBML is the older way to do this. It does not seem to be working at all though. I am using the standard tag:
Any ideas?
I got this working so what is your actual problem??Are you using the same tag??I am using FBML application.
I need to use Google Maps within a Facebook page (as a new tab). Is this possible? I searched online and could not find out how this can be done. Please help.
You will have to use the fb:iframe element to display an iframe that contains the Google Map. You cannot embed the Google Map directly in a FBML tab because you cannot use the outside javascript. Note also that Facebook will soon be replacing FBML tabs with iFrame tabs so in a few months this will not be an issue.
Here is the documentation on the fb:iframe http://developers.facebook.com/docs/reference/fbml/iframe
Unforuntately this cannot be done as complex Javascript and iframes don't work. This is a BIG NO!
Hopefully in future (end of 2010) Facebook will change some stuff!
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/
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