Visiting my custom Facebook tab app doesnt work on mobile? - facebook

I've currently setup a custom tab app on my fanpage - visiting this is working perfectly fine from my browser.
However when visiting the same url from my mobile, I just get some red text on Facebook saying "The page was not found".
I've defined the following (noteworthy) settings for the app:
Namespace (which gives me a canvas page)
Canvas url
Secure canvas url
Page tab url
Secure page tab url
I then also tried to fill out the "Mobile site url" with the same url as the canvas url - thinking this was the missing brick? But atleast not difference.
Any ideas?

because in your mobile browser it will redirect to the m.facebook.com and this functionality is not available for the app users.

You can't achieve this functionality exactly but you can work around Facebooks limitations by providing a canvas app url, and using that to redirect mobile users to a mobile version of your app, and desktop users to the page tab version of your app.
Detailed instructions here:
https://stackoverflow.com/a/15860533/121285

Related

Facebook - Wordpress App Error Facebook returned an error: The site URL in your Facebook application settings does not match your wordpress blog URL

I have a wordpress blog and am trying to integrate the facebook page publish version 2 app and keep getting 2 errors, one of WP:
Facebook returned an error: The site URL in your Facebook application settings does not match your wordpress blog URL
And on FB app creator when putting in the app domain:
This must be derived from Canvas URL, Secure Canvas URL, Site URL, Mobile Site URL, Page Tab URL or Secure Page Tab URL. Check and correct the following domains: mywpsite.com
I have not used any http:// just the domain name.
I updated to v2 of facebook plugin, deleted the old version 1, made sure my domain name didn't have upper case, deleted the app in FB and started again and still I get this error.
When I put in the app id into wp plugin the grant access rights button stays grayed out as well, imagine that's because the app is still not set up correctly.
Any help on why I keep getting these errors would be very useful.
Thanks
Andrew
Click the '+Add Platform' box below and depending on the app you want to add, in this case I assume click 'Website', and then add the website's URL to Site URL. This will now allow you to save the URL properly.

Facebook Canvas URL redirection to 404 Page of Facebook

I had created a facebook canvas app and till now using canvas page url as
https://apps.facebook.com/272901126185053/
But now while opening that URL its redirecting to 404 page of Facebook. Means that canvas app not exist. But which was working perfect fine earlier
I try to research on facebook Developers page but unable to get much help from it.
The Canvas URL can't be : https://apps.facebook.com/272901126185053/
It should the URL to the app where it is hosted. The link you mentioned is the canvas page.

Is it possible to use a locally hosted application on a page tab application during development?

I want to be able to display my application in an iframe via a page tab on someone's profile, I have a local version of my application running with SSL (although it is a self assigned certificate), on https://localhost:443.
When I set this url as the canvas url for the canvas page it works correctly, but as a page tab nothing is displayed. In fact upon inspecting the html where I believe the iframe should be there isn't even an iframe, and no actual request is being made to my application.
Does facebook make the request to the page tab url from their servers or something?? (as this would obviously mean you couldn't use a local version of your app). Or does it something to do with the markup my app is returning, as people on the net seem to be saying that you cannot return <html>, <body> or <head> tags to a page tab application.
Help. Please.
Yes this is possible by configuring "Page Tab URL" and "Secure Page Tab URL" in the application settings.
Once application is visited (both canvas and page tab) Facebook issuing POST request to your app, but it's still made by the User's browser.
Update:
This seems like a bug on Facebook end, if you'll visit your application page tab while browsing Facebook over HTTPS it'll work, but if you not using "Secure Facebook" the canvas isn't even requested. As a solution for development you can use Facebook over HTTPS or use HTTP version as "Page Tab URL".

Facebook Canvas Page Redirect

I am currently building a Facebook app but am having some issues with the canvas page. When I click on my app on Facebook, it loads my canvas page url which is 'http://apps.facebook.com/"App NameSpace"'. When the page loads, the text "invalid credentials" is displayed and the page redirects to http://app_name.herokuapp.com/ where my app is displayed and is functional. Why is this redirection occurring and how can I make my app load in the canvas page http://apps.facebook.com/"App NameSpace" ?
Any suggestions would be greatly appreciated.
Thanks.
It seems some problem with your permissions try to use this
facebook official permissions doc

creating a tab page for a FB Pages app

I have created a FB Pages app and am trying to figure out why my tab html is not displaying.
when I go directly to my example.com/tab url that I have set in the facebook app settings I can see the expected HTML. When I go to my app tab on a sample facebook page I can see the request come for example.com/tab on my server as expected but nothing is displayed in the facebook page tab!
all I have is a simple
<div>hello world!</div>
and it doesn't display in the tab. Any idea why this is happening?
It's possible you don't have a valid SSL cert installed on your server. Or facebook may be caching an old URL. Check the URL it's trying to load in the iFrame to ensure Facebook is using the correct one.