I have a basic facebook iframe application that sits inside a fan page tab. All i want to do is have the links in my application open inside of the iframe. I tried to change their target to _self but no sauce, all of the links open in a new window. The application is here
Remove the target="_blank" attribute from the links.
Btw, that's not an iframe application. Looks like a static FBML tab app.
Have you tried adding target="_top"
Related
I'm having a mental meltdown with Facebook and the way it handles Apps and Canvas Apps (apps with fluid width).
I can't figure out how to get a Page Tab to link to a fluid app. You can see an example on Coca Cola's fan page.
https://www.facebook.com/cocacola > Coce Zone tab
First it loads normal blank app which reloads to fluid app.
I have looked at the redirect code and it seems to be a form that submits itself after the page is done loading. After a bit of research I figured out that Facebook creates that itself.
My Page App directs to here but console says this:
Refused to display 'https://apps.facebook.com/ford-koeajotalkoot/' in a frame because it set 'X-Frame-Options' to 'DENY'.
In the app settings below the Page Tab there's Page Tab URL. There you must put an url to file with the redirect. It can be as simple file as below:
<script>
top.location.href="https://apps.facebook.com/YOUR_CANVAS_URL/";
</script>
It will then redirect to your app.
I want to open Facebook page inside iframe but does not render page when I try to just include IFrame with src pointing to Facebook.com. Right now I am opening it inside a window but want to open it inside a frame.
Is there any way to open Facebook page in IFrame?
Facebook, as most serious sites explicitly disallow this in order to prevent clickjacking.
One of the ways Facebook do this is by sending the 'X-frame-options:deny' header, which instructs your browser to not display the page inside an iframe.
Are you talking about a facebook page within your own website?
If so;
<iframe src="http://www.facebook.com"></iframe>
If not could you provide more information.
Update
See below comment. It seems Facebook blocks it's pages from being includes in iframes.
I have created an HTMl5 template in Facebook using the Static Iframe Tab. I don't really want other admin users - trying to download my content and stealing my work. Is there anywhere I can hide/prevent the URL links appearing for each page? When I hover on items on the Iframe, the URLs appear in the (Firefox) Browser window at the bottom? I would be grateful to know if there is a a way to hide them or prevent them being downloaded (i.e. just allow the the IFrame tab access?)
Not with HTML. But you could build your website in flash and have much better control over the content and linking.
This all sounds confusing;
I have a Facebook Canvas App with the same name as the Fan Page. I would like to add an iFrame tab to the Fan Page to promote and link to the Canvas App. My question is do I have to create a new app for the iFrame tab, or do I open my app settings for the canvas app and add settings for a page tab as well in there. Facebook don;t seem to have much documentation and they are changing things for app profiles soon, so I want to make sure I keep my fans of the page.
Thanks in advance.
Basically it goes like this.
You have an iFrame app.
The iFrame app has a canvas which is where you load your html for your app from your webserver with whatever language you want (.NET, PHP etc)
Then you can add this iFrame app to your page.
When you go to http://apps.facebook.com/yourappname
You will be shown the app by itself. When you add it to your page and load it via the tab on the menu of your page it will show you the app within the space on your page (an iframe).
You can use code to detect whether you are on a page or not to display different things.
I am looking out for a way to embed a google map into a static fbml tab in one of my fan pages. I think few saw FB has scrapped of iframe support for static fbml and stuff. I want to embed the map wthout any user actions involvement.
I am wondering how to do this? Could some one help please?
The iframe doesn't work on landing page of a tab, it works in inner pages. For example if your landing tab page is index.php, you need to make on image or link on that page to go to inner.php page and this is where you can use the fb:iframe tag. In your iframe you should be able to put google map.