Quick question. I've created a number of iframe apps for Facebook which work fine on PC, Mac etc. But not on mobile devices. The icon just doesn't show when you visit the page. I assumed this was because I'd not defined a mobile site URL. I've now done this, but I'm still not seeing an icon. Am I missing the point?
Thanks.
what icon do you mean? if you defined your mobile site url correctly, your app shows up in the search field. if you're talking about a page tab, it's not possible at all. the mobile native apps don't support this. but you can always link to your mobile site url in newsfeed!
Related
On my client's Fanpage, a third party app is running for a contest. How can I make this FB contest page available on mobile? I read the answer here:
http://facebook.stackoverflow.com/a/10833366/461119
also
Facebook SDK : Page Tab App returns not found in mobile Facebook App
I do not understand it clearly.
Is the query parameter ?ref-ts which we have to add at the end of URL?
What does it mean by "It helps in the browser but not the app itself."?
Will it help to see the App on mobile and click on it to go to the contest page on FB?
Also, I found this answer:
Works as advertised! Thank you. I was getting 404, but simply adding
ref=ts in my redirect URLs (I force users to use my app as a page tab)
fixed it! – Guillaume Boudreau
under the first link above but what is forcing users to use app as a page tab?
How can I set App as a page tab?
little bit confused.
I searched the web vigorously but did not get any clear explanation.
My observations about this issue:
Seems like it's an ANDROID issue, Work OK on iPhone's
Work with the link redirection services like Bit.ly (where the bit.ly link included the ref=ts)
I sent an email to Facebook for ANDROID developers.
Hi,
my iPhone's user colleagues can open links to page tab app with ref=ts
parameters but on Android we can't ;-(
The only way we've been able to do it is when the link to the app is
under a bit.ly redirection link
The problem is only when the links are open through the Facebook App.
Thanks
Let us know
Max*
You can access to your app using the next link https://apps.facebook.com/YOUR-APP-ID
In this way, you can access from a desktop or a mobile with no problem.
Usually, when you browse mobile website on iPhone it displays correctly.
But when I put the same website in iframe and try to access it through another website,
the mobile website is stretched and zoomed out, as if it is displayed on the desktop browser.
How to fix it?
Usually a website that offers a mobile version asks which kind of client is calling the URL. Your iPhone's browser provides that information. When accessing the site through an iFrame, the client information can't be passed to the target website but only to the surrounding HTML that defines the iFrame.
iFrames generally are not recommended to use on iPhones.
See there:
iFrames and iPhones
I got a Facebook Page Tab App (using Timeline). It works fine in desktop version of Facebook, but when its Wall Post is clicked in Facebook App, it returns "The page you requested was not found" and forwards to an inaccessible link:
https://m.facebook.com/4oh4.php?id=282832318433409&_rdr
How come? I don't expect mobile version will be the same as desktop version, but I don't expect it reports the page cannot be found.
Page tabs apps are not supported (as of April 2012 anyway) on mobile browsers - mobile apps are, but they're not tied to the Page and need to be manually linked-to or bookmarked, the tab functionality simply doesn't exist now.
Tabs aren't supported via the app or mobile site. Best you could do is add the query parameter "ref=ts" to prevent the page from switching to mobile. It helps in the browser but not the app itself.
So add ?ref=ts to the end of your app url and at least mobile users can see it in their browser.
http://facebook.stackoverflow.com/a/10833366/461119
You can work around this problem by using a Canvas Page to redirect mobile users to a mobile site and desktop users to the page tab.
Detailed instructions here:
https://stackoverflow.com/a/15860533/121285
You can access to your app using the next link https://apps.facebook.com/YOUR-APP-ID
In this way, you can access from a desktop or a mobile with no problem
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!
For example, the following URL shows the app in a tab:
https://www.facebook.com/just.to.get.a.rep?sk=app_203403406338325
But when on a mobile device it redirects to the mobile site and does not show the tab or even have a link to it:
https://m.facebook.com/just.to.get.a.rep?sk=app_203403406338325
I even have the application tab set as the Default Landing Tab for this page, but cannot get the pap to show for the page. Is there another format we need to develop for the App to support mobile? Ideally we would like to show the tab on iPhone app and other mobile viewing.
If you're in control of the link the user clicks on to reach your fanpage/pagetab-combination, then try adding a GET parameter ref=ts
h++ps://www.facebook.com/just.to.get.a.rep?sk=app_203403406338325&ref=ts
Apparently this prevents the redirect to the mobile version of facebook.
There's not currently any way to see App-provided Page tabs on the m.facebook.com site
Mobile web apps are supported, but they're not tied to the Page and need to be manually linked-to or bookmarked, the tab functionality simply doesn't exist now.
Currently you can develop application functions such as app authorisation but sadly no, you can't display standard iFramed tab apps, I suspect this is because of slow 3G data speeds and the fact that Facebook wouldn't want the mobile experience being any slower than it already is (dependent on external hosting etc).
Many of my larger clients are begging for it. The only workaround I use is to build an external page with the same content used in the iFrame - then you can direct users to the tab or mobile users to an external link.
https://www.facebook.com/pagename/app_000000000000000?ref=page_internal
as of now ref=page_internal is working as a work around.
You can redirect Mobile users to a specific mobile website, and have desktop users redirected to your page tab app.
Detailed instructions for doing this are available here:
https://stackoverflow.com/a/15860533/121285