Notice how clicking on the Instagram App entry of a facebook search sends the user directly to instagram's website. How is this accomplished?
There appears to be a somewhat related question (with an accepted answer) here: Facebook App: Make the landing page redirect to a URL? However, it isn't clear this is the correct way to do it, as it doesn't provide the same user experience.
Invoking such an implementation will first send the user to what would be a facebook app page with an iframe. Then that iframe (with the suggested redirect code) invokes the redirect. This is quick, but still obvious to the user, and clearly different. Not to mention, it may also go against Facebook's terms (not sure though).
Bottom line is, how does one configure a facebook app link to behave as the Instagram app link?
(Note, I would have simply added this comment to the referenced question, but it seems I don't have the required rep points yet).
in the https://developers.facebook.com/apps - go to "edit app", and in the Settings -> Basic, choose only "Website with Facebook Login" (and you'll see a green V).
Now go to "App Center" in the left bar - fill all the necessary forms and hit submit.
and then go to: https://www.facebook.com/appcenter/YOUR_APP_NAME
I might be wrong but here is my two cents;
Go to the App Developer page on Facebook (https://developers.facebook.com/apps/)
Create a new application and on Settings -> Basic enter your website URL under Website (after you clicked on it)
Then goto Settings -> Advanced and at the bottom of the page there is an button which says Create Facebook Page click on it and once someone clicks on your Facebook page they should be redirected to your website.
Related
I'm having issues configuring my Facebook app to behave as I want when posting information via the Feed Dialog. I've set up an app and created a link that correctly posts my content when clicked, but I can't figure out how to make the link to the app in the resulting post redirect where I want it to.
As an example, here's a post made via Instagram.
If I click on the 'via Instagram' link, I get either prompted or automatically redirected from the destination URL http://www.facebook.com/apps/application.php?id=124024574287414 to www.instagram.com.
I've seen other posts suggest you can do something similar using a JavaScript redirect from the App Canvas page, and I've got a proof of concept doing this, but since I've seen Instagram and other apps do this seemingly internally to Facebook I'm convinced it's possible to do more cleanly.
That link goes to your app's canvas URL (apps.facebook.com/something) or website URL as defined in the app settings, it can't be configured with any more granularity.
This seems that it will probably do the trick most easily: http://woobox.com/statichtml
See the redirect radio button in the image they have.
I'm thinking of a facebook app that fetches a website's content (already developed with my own web builder) and display in a custom facebook fan page format. Clients already using the Web builder will only have to add the App to their fan page and they have their website's content already plugged into facebook.
The problem I'm having is knowing how exactly to automate this process. I can't seem to find the "Add app to page" menu when you click the Gear Icon, and the link below gives an approach I can't be explaining to every client (video further down in the link)
http://onlinewealthpartner.com/add-facebook-application-fan-page/
My head might swirling from everything I've read so far, but I'm just easing into the facebook app development. Help/insight would be much appreciated.
If I understand, your central problem is to make it as user-friendly as possible for your users to add your app to their fan pages?
Bottom line is they would need to visit the link mentioned in your tutorial:
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&display=popup&next=YOUR_URL
However, since you're the one creating the Facebook Tab Application, then you would already have and could supply to your users the "app_id" and "next" parameters, so all they would need to do is click on the custom link you provide. You could even give them a button in your web builder. Your users would just click a button, go to this link, and pick their fan page in a drop down menu.
i set up a new app-- when my users recieve the permission scree, after clicking "Go to app" i want it to redirect to my own website (ex.www.mysite.com) instead its redirecting me to my website within facebook.
Since my website is not compatible within facebook, i need the app to lead users to my site- how can i do that?
The url that the users are being redirected to once the clicked the allow button is the url you provided in the "redirect_uri" parameter when you sent the user to the oauth dialog.
Instead of specifing your fb app url (apps.facebook.com/APP_NAME) you can use ex.www.mysite.com (as long as it's the same as what's in the app settings).
Another thing that you can do is to just reload the page using javascript:
top.location.href = "ex.www.mysite.com";
With all of that said, you should not be doing that.
It cleary says in the Facebook Platform Policies:
The primary purpose of your Canvas or Page Tab app on Facebook must not be to simply redirect users out of the Facebook experience
and onto an external site.
If your app has a Canvas presence, then the Go To App button will redirect to your canvas landing page. For example http://apps.facebook.com/yourapp
If your app is strictly a Connect app then the Go To App button will redirect to your site outside of Facebook for example http://www.yourapp.com
If your app has both Canvas and Connect implemented, it will go to the Canvas page.
The relevant settings in the Facebook developer app are under "Select how your app integrates with Facebook". You do not need to have any canvas presence within Facebook.com. You can just check the box for Website and then the Go To App button will take users directly to your site. Be aware that if you do this you lose the ability to use a few important API features such as Bookmarks and Requests.
I recently build an iframe app for within Facebook, and for facebook only. So no need to call the iframe outside of Facebook. The only problem i have now, is that as soon as i search for the app like this:
http://i44.tinypic.com/30rla83.png
I get the following warning: http://i43.tinypic.com/2uh1w20.png
I can't seem to find out how to configure the app so it won't redirect, but goes directly to the app itself. The only values set are the 'Website' and 'Page Tab' value. When i set a value for the 'App on Facebook', the iframe gets included in the game/app format (with Facebook games in the right bar) by Facebook, and not the Facebook page app content format.
And when i delete or adjust the 'Website' value and i use Facebook search, i get the error that the app is not configured correctly. It's now set to the full addresss outside of Facebook, because when i configure it to the Facebook App URL i get the same error.
The only value i'm sure of is the 'Page Tab' value.
Thanks in advance guys, i can't seem to find the answer myself..
UPDATE: it turns out the 'you are being redirected'-page only occurs with my Facebook profile! Probably because I'm the Facebook Page admin or the app creator? Anyway, as far as I'm concerned; case closed and problem solved :)
It's slightly confusing which options apply to what types of app on Facebook - and the behaviour of the search is slightly unintuitive but here are some pointers that might help you:
If your app is going to only exist as a page tab, it doesn't really make sense to search for it (it could theoretically exist on multiple facebook pages). These won't show up in search results unless you have also set one of the following two options as well
If you have set up your app as a canvas app, "app on facebook" in the developer settings then when you search for the App, it will redirect you to the canvas page (your iframe being pulled into a Facebook canvas.
if you have set your app up to work with Facebook Connect "Log in to my website using Facebook." in the developer settings, and you haven't also set up your app to operate as a canvas app, then Facebook will assume that you have a web app that is external to Facebook, and searches will redirect the user to your website url.
So, what you probably need to do is either remove your website url from your facebook settings if you aren't using Facebook Connect (in which case your app won't show up in Search results) or create a canvas page as well, which redirects you to the correct facebook page tab.
I tried to create my first app.
I went to https://developers.facebook.com/ and clicked on 'applications'.
Then facebook redirected me to my facebook page. There was NO button to '+add an application' and no form to ask me if I needed 'something' to create the application.
I added a valid credit card because it's mandatory to get a 'developer' status.
How I can add an application to facebook. Is there a way to ask their tech department?
(edited)->
Also if I click on https://developers.facebook.com/apps it redirects me to my facebook page WITHOUT a window to 'Request for permision'
<-(edited)
Here you will have a button to add New App, a popup should appear to write the New App's name. I can see in your post you don't get this popup, but it is where you need to go. So try using this link on your Personal Account not your pages account, just like DMCS is saying.
Here you should get a couple of more links, and there's a how to link that might help.
<---edit--->
Here you can find a fast track to build a facebook app. Not sure if it's what you want, but it might help in some parts of the process.