I have a facebook application and when it posts to a users stream it shows the application name and clicking that directs the user to the applications profile page. Is it possible to change this link to another page or set the application profile page to load another page?
I'm not sure about changing the link but you can make one page automatically load another page.
See an example on our fan page here: http://www.facebook.com/pages/Premier-League-Prophet/193957803989227
When you visit this page it automatically redirects to our app profile page instead at http://www.facebook.com/apps/application.php?id=105260882892290
1) Add the "Static HTML: iframe tabs" app to your page. This lets you configure any static HTML as the source for a page tab.
2) Use a quick bit of redirect code so that when the tab loads it automatically redirects the browser to where you want to go:
<html>
<head>
</head>
<body>
<script language="JavaScript">
// Redirect to chosen destination
top.location.href = "http://www.googl.com/";
</script>
</body>
</html>
3) In the page config, set the new tab as the default tab for the page.
One small limitation. The default tab setting is only respected if the user has not yet liked the page. If they have liked the page, then the wall is displayed by default. However, if you're configuring the page to auto-redirect, this shouldn't be a problem, because no visitor to the page will stay on it long enough to like it.
Related
I want to create a tab on my facebook page that links to my facebook group. Go to the page https://www.facebook.com/bettyrockershow
I have created an app tab and you can see there is one for the "betty rock you life facebook group" https://www.facebook.com/groups/bettyrockyourlife/
How do I set it so that it sends people to the facebook group when clicked?
You can add some Javascript redirect on the tab page itself.
<script language="javascript">
top.location.href = "https://www.facebook.com/groups/bettyrockyourlife/"
</script>
Also, sometimes it's best from a UX standpoint to tell the user what is going on. Like setting a timer of a few seconds on the JS and placing a message on the page telling the user that the page will be redirecting elsewhere.
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.
My facebook application redirects the user a page where they give the application window correctly when they visit the website (http://toolshed.herokuapp.com/), but not when they visit the canvas page in Facebook (https://apps.facebook.com/toolshed/). Once a user has given permission to the application, both places work correctly. The main problem here is that when a user goes to the page on Facebook first, all they see is a blank page. Any ideas? The code can be found at https://github.com/runninggraeb/toolshed, but I doubt it's a coding issue. Any help would be appreciated.
Ryan
Answer: To clarify to future viewers, I did redirected to this page within the app for authentication. "top.window.location" gets me out of the iFrame.
<!DOCTYPE html >
<html xmlns:fb="http://ogp.me/ns/fb#" lang="en">
<script>
window.top.location = '<%= authenticator.url_for_oauth_code %>'
</script>
</html>
You can not display the Auth dialog in any kind of frame. (As has been said here already many times before …)
You have to redirect to it in the top most window instance.
How do you make those icon apps below your timeline so that when you click on one of them it opens a new window (or the same window) and goes to an external website?
I think this is the app you might be looking for
https://www.facebook.com/iframehost?sk=app_208195102528120
i don't think you can do that. But, you can make it so that when you click them, they will go to the app page as normal, and in that app page you can put a javascript code to redirect that page:
<script type="text/javascript">
top.window.location.replace('NEWLOCATION');
</script>
It will redirect the page (one which facebook is in)
I have a Facebook App that is setup as an "App on Facebook" and a "Page Tab." I have this app installed as a tab on a Facebook business profile page.
The app is loaded as an iframe and I use the Facebook JavaScript SDK withing the iframed page to setup social widgets including comments.
My problems:
I can't access the comment moderation tools on the page -- they don't show up at the top of the comment widget.
When accessing the comment moderation tool at http://developers.facebook.com/tools/comments, I don't see any comments associated with the app.
I am an Admin of both the page and the app.
I am declaring an App ID in the <head> of the page:
<meta property="fb:app_id" content="{MY_APP_ID}">
Is there any special configuration that is needed to make this work? I have successfully setup comments with moderation before on regular web sites, so I think there must be something special about the application tab case. Should my fb:app_id reference the page's ID or the app ID of the tab?
Reason you can't moderate comments is the fact you linked Comments Social Plugin to Facebook Page URL.
Facebook linter doesn't even get to the Page Tab Canvas URL of your Application to get the values of fb:app_id and any other OG tags too.
Simply link Comments Plugin to URL accessible by linter (like your page canvas URL) pass it to linter to ensure all required tags is here, post comment and see it in moderation tool.
BTW, You will loose all existing comment due to URL change...
Update:
As you noted users may click on link comment link posted in feed they will see your app "naked", while this is true if you'll use Page Tab Canvas URL for linking Comments Social Plugin you may overcome it with next scenario:
You may link it to some special page which will only include OpenGraph tags and single javascript line redirecting to your Application tab on Facebook Page (according to URL arguments to that page for example).
<!-- OG tags should be placed here -->
<script type="text/javascript">
window.top.location = 'http://facebook.com/pages/PAGENAME/PAGEID?sk=?sk=v_APPID'
</script>
If that special page will be part of your "regular" Application (I mean within the scope of your Application Canvas URL) you may link to it's URL within Application on Facebook to avoid driving users outside of Facebook itself. Once user landed to that special page he will be redirected there real comments are displayed...
If you'll use page outside of Application Canvas URL users will get out of Facebook and only then landed to Tab.