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!
Related
Facebook iframe is showing up in the middle of my Joomla article. I am wanting to make it go away and have tried nearly everything I could think of. Please help! the article link is http://blowingrocknews.com/community-life/general-news/2658-tis-the-season-forgetting-your-teeth-knocked-out.html
You should probably remove the old FBML style of Facebook commenting, and instead switch to using Social Plugins, like https://developers.facebook.com/docs/reference/plugins/comments/
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 have a Facebook fan page, and some tabs in it. one of which is a static fbml one which besides having and img tag has the following
<fb:google-analytics uacct="UA-19191919-4" />
problem is.... Facebook ignores this tag and I see no evidence of Google analytics code being executed...
any ideas ?
Use an iframe for your apps with regular analytic code. Facebook doesn't use FBML anymore.
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 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