Main Content

Making Facebook application tabs mobile friendly. Kind of.

Facebook and mobile don’t go hand in hand when it comes to creating page tab applications. Facebook actually doesn’t show app tabs on mobile at all.

Facebook does work with mobile when it comes to creating Facebook applications.

To clarify:
Page Tab Apps have URLs that look like this: https://www.facebook.com/pagename/app_0123456789

Facebook Apps have URLs that look like this: https://apps.facebook.com/appname/

When creating a Facebook application, you can specify a mobile URL. Then when mobile users hit the Facebook app URL, they’ll be redirected to whatever is set for the mobile URL. This could take users to a mobile version of your website, iTunes to download an app or anywhere you want off of Facebook.

The problem comes into play with page tab apps when you start sharing the URL on people’s wall. When mobile users click on it, Facebook is throwing a 404 Page Not Found error instead of redirecting to the mobile URL.

At this time, it’s hard to know if this is by design or a Facebook bug. Facebook Apps work with the mobile URL, but page tab apps do not; even though that’s not clearly defined when setting up an app. I’m hoping it’s a bug and will some day be fixed, but the jury is still out on that.

https://developers.facebook.com/bugs/431153273593118?browse=search_50229e8b86bf56d87062856

I have found a way to work around this though. What you need to do is set up a Facebook App and point it to page that’s only purpose is to redirect the user to the Facebook page tab URL.

Then update any sharing or promotional URLs to share the Facebook app URL.

When a desktop user clicks on a link in their feed, they will then be clicking on the Facebook app URL and the redirect script will take them to the Facebook page tab URL.

When a mobile user clicks on a link in their feed, they will be clicking on the Facebook app URL too and this time Facebook will redirect them to the mobile URL that was setup in the app settings.

It’s a definitely a work around, but it works until Facebook can make page tab apps mobile friendly; which could be in a few hours or a few years.

Advertisements

9 Responses

  1. bsie says:

    Exactly my problem, unfortunately I don’t get it… Could you explain it more detailled?

    • Thomas says:

      1. Create a Facebook App. The only function of this is to redirect the user to the Page Tab App.
      2. Create a Page Tab App and build out your app.
      3. Setup the Mobile URL in the app settings.
      4. Promote the Facebook App URL.

      • JL17 says:

        Why the redirection?
        If you create a Facebook app, which has a Page Tab app and a mobile URL all 3 in the same app settings and you promote the Facebook app, will it not work for computer and mobile without the need for a dummy redirection Facebook app?

        • Thomas says:

          Correct. Page Tabs do not support the mobile URL. If mobile users are getting to Page Tab for any reason (you send them there or they follow a link on someone’s timeline) they’ll get a 404 error.

  2. Nicola says:

    Which kind of redirect did you use?
    I try redirect 301 and via javascript but my “app on facebook” doesn’t redirect.
    tnx

  3. Julie says:

    You can add ?ref=ts to the end of your app link. This will allow user to open from mobile device.

    • Appending with a ?ref=ts isn’t working for me in the Android platform. This works with the iOS Facebook app but when I use FB on my Nexus 7 I’m getting a 501 error message. Haven’t tried the multi-layering of apps yet but will.

  4. Got mine working but… you lose all that nice FB page framing & context. Seems to me almost better to follow the above but instead of a simple redirect make another page that includes a slightly richer frame mirroring the framing of the tab. True, it requires, effectively, maintaining two separate pages but depending on the content, the number of tabs/apps, and the frequency with which you update it… might be worth it. Might?

Leave a Reply