How to configure The facebook canvas application for Mobile site? - facebook

I have developed a canvas app and I dont have a mobile site right now.So How can i set the canvas page url for both mobile devices and desktop?
Do i need to change the code of the app? Because If I set same url for the both, It Throws error "The app is misconfigured for mobile devices"
So, How to configure the mobile url?
Thanks

In your App settings, add an URL to the "Mobile Site URL" input field, right where you specified your Canvas URL.
Make sure it is an external URL (NOT apps.facebook.com/...) and make sure you donĀ“t redirect to apps.facebook.com on that URL.

Related

How to point the clickable app name on shared facebook post to my app's website

I'm using Azure mobile service backend for my ios app.This app is integrated with Facebook auth.Everything works fine.
I have configured the Facebook app as mentioned in the azure backend docs for authentication.The website site url is shown as below.
Meanwhile, in my ios appthere's a feature to share an image with Facebook friends. I'm using FBSDKShareDialog.However, when this image is shared it comes up as the below image.In the blacked out area Facebook shows the name of my app and that name is actually a clickable link. That link takes me to the "site url" i gave in the configuration above.
My question is how can i make this link point to my app's website and NOT the azure service backend address ? I cannot change the website url given above in the configuration, as it'll mess up my configuration.
Really stuck with this.
That "Site URL" entry on the Facebook Settings Basic tab should not be your Mobile Service URL. You can put the public URL for your app's website.
On the Advanced tab, the "Valid OAuth Redirect URIs" is the setting where you need to add your Mobile Service URL (or multiple, if you have multiple versions of your app using different Mobile Services): https://<mobile_service>.azure-mobile.net/login/facebook for the Javascript backend, or https://<mobile_service>.azure-mobile.net/signin-facebook for .NET backends.

How to delete "app on facebook" platform correctly?

I have delete an "app on Facebook" platform and saved changes (in app settings). I also have ios, android, web site platforms. Now, when i type name of my app in Facebook search bar it is in search results, and when i click on it, Facebook redirects me on a page with error message that i have wrong settings of canvas page. at where i am doing wrong?
(app was removed 30 minutes ago)
App settings screenshot
"Error
Sorry, the application you were using is misconfigured. Please try again later.
Message for Developers Only:
To fix this error, please set your Canvas URL and/or Secure Canvas URL in the "App on Facebook" section of your app's settings. Once it has been set, your users will be redirected to that URL instead of this error page."
From the sounds of it you've added a canvas (now known as FB App I believe) app but haven't put the canvas URLs in so it doesn't know what URL to fetch within the canvas frame.
This may provide some more info https://developers.facebook.com/docs/games/canvas/

Facebook apps domain setting erroe

I tried to enter the domain while making facebook apps but the following erroe occurs.
Error
You have specified an App Domain but have not specified a valid integration URL.
rankfrod.com must be derived from one of: Site URL, Mobile Site URL, Canvas URL, Secure Canvas URL, Page Tab URL or Secure Page Tab URL.
What does this error tells, I have tried to enter a valid url i.e rankford.com,
Well if you scroll down a bit in the settings page you will see,
"Select how your app integrates with Facebook"
There you enter your URL for the integration and the app domain is derived from that one.
I.E
You're making an IOS Application, check the IOS Native Application,
Enter Site URL as http://www.rankfrod.com and then in your app domain you can do appfrod.com.
Good luck!

App on Facebook mobile gives me 4oh4 / 404

we have created a Facebook app, but when opening this on a mobile (via Web or iPhone) the page results in a 4oh4 error. I have setup a Mobile Web URL but still (after 1 hour wait) gives a 404.
Do I need to make specific changes on my app?
Please help.
This is expected as #Igy stated. You will need to have a handler to support redirecting mobile users to your apps.facebook.com/ or you can redirect them out of Facebook to your own URL if you are going to try and link to your page directly with an app embedded as a tab.
i.e. point link to http://yoursite.com/redirector
is mobile goes to http://yoursite.com/myapp or http://apps.facebook.com/
non mobile goes to http://facebook.com//app_
Some things to note:
You won't get any page specific data back from facebook on your page (i.e. Liked or Not Liked).
Based on #1 you won't be able to restrict the non-liking app users from a page.
After trying everything under the sun to get Facebook to redirect to a mobile web URL, here is what I needed to do in order to get the redirection working:
Make sure the Facebook application is a canvas application. This gives you the ability to give the application a namespace.
Give your application a namespace so that you can access it through https://apps.facebook.com/NAMESPACE. From here, Facebook will do the detection for you, and if needed, redirect your users to your specified mobile URL.
Make sure your app is NOT in sandbox mode.
If your app is in Sandbox Mode, Facebook won't redirect you to the mobile version you have specified in your app settings.
Facebook does the redirecting for you, you don't have to. Although their version of what "mobile" is and what you deem "mobile" might be different.

Redirecting a user from a custom tab on Facebook if on a mobile device

I currently have a custom app on Facebook that works fine on desktop PC's (full version of Facebook). As you would know you can't access custom apps from mobile devices and it redirects you to the wall of the page.
Is there a way to redirect them to a mobile web app if they try to access the app from a mobile device? So that way when people share links to the app I can at least show them something.
I saw the Mobile Web URL option in my app but am unsure on how this will actually work.
You are referring to the "mobile tab access" Vitrue announced this week? :)
What they are doing is this (basically):
Create a special link to the tab (mydomain.com/tablink1 or something, NOT the ?sk=app_xxxx URL in the browser bar)
On that link they have code which does a conditional redirect
If it's a regular browser/device, redirect to the tab (?sk=app_xxxx)
If it's a mobile browser/device, redirect to an alternate mobile webpage with the same content as the tab (mydomain.com/mobilecontent1)
The redirect is not on the actual tab, since the mobile browsers will never get there. It has to be on a separate page.
So if they try to access the tab on a mobile device with the regular tab URL they will not get redirected. It only works if they go to the special redirect URL. Vitrue's application publishes that special redirect URL to the Page wall.
It works very well to make sure everything you post to your Wall (which mobile users can see) does not break, but it does not really provide a redirect for mobile users trying to get to your tab.
That's the best we can do right now though, until Facebook actually comes up with a mobile tab solution (bug filed here: https://developers.facebook.com/bugs/264010470314544)
Good luck!