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.
Related
I have been reading about using Open Graph (OG) meta tags to improve the way facebook works with your website. I have read two tutorials that say to create an application and use the application ID. But I am not developing an application, all I have is a business page... Can I just the page ID?
Can anybody also point out any good, simple resources around the using OG in my website?
Thanks
The sharer.php method (which is deprecated) allows you to post without an application. The feed/post method appears to require an app_id, though it's possible that there's some way around that. On the bright side, there's nothing complex about creating an application, so, if that's what you must do, I'd say just do it :)
Here is an example of how it works *with an app using the feed/post method (you'll need to click the "Post to feed" link at the top (yes I know it doesn't look like a link!).
and Here is the same exact example only using Sharer (notice that this time it's pointing at a slightly different url (drawImageForFB2.php instead of drawImageForFB4.php).
I use a php to render the tags based on the vidId that I collect but that's neither here nor there... you could just as easily have this as a static HTML page.
The innards of the OG tag are just about identical and the app_id tag in the OG is entirely optional as it pertains to the second example).
Oh, and addthis does it using the dialog api which looks like this
https://www.facebook.com/dialog/feed?redirect_uri=http://s7.addthis.com/static/postshare/c00.html&app_id=140586622674265&link=http://support.addthis.com/customer/portal/articles/381222-optimize-facebook-sharing#.UQ8bBJM9KQk.facebook&name=Optimize%20Facebook%20Sharing&description=
I'm working on a Facebook fan page app (a page tab) with a 'like' fan gate (users that like the page see the real content, and users that don't see only a "like us" image).
The thing is I need the fan page to be found on Google's search.
Should the fact that only fans can enter the app in any way affect the Google bots?
I am currently assuming that it does, but I want to be sure.
And if it does it mean that I have no control over the fan page's SEO?
I have read about SEO, but I haven't found anything about this.
I would be very happy if someone here could help me, even refer me to some documentation or anything about it.
Thanks!
Your presumption is correct. Here are two workarounds:
Detect Google's User-Agent and display the un-gated content when
appropriate.
Gate the page with a div overlay so that all the ungated content is
still there, but simply unavailable to the user until she clicks Like.
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 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 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