You have created a fantastic Facebook Application for your campaign. Great!
You have created the tab for the app on your page and are expecting a lot of engagement on it. But did you know that Facebook tabs have a limitation that they work only on desktops and not on mobile devices?
Here’s a workaround to get your Facebook page tab to work on mobile and reach out to a wider set of audience across platforms.
You can achieve this is 3 simple steps:
Create a mobile friendly facebook application i.e. the design should be responsive.
Keep the original URL of the application handy. This is not the Facebook app URL but the the URL of where the application is originally hosted.
Create a user agent checker URL. Based on the user agent, any LAMP programmer can easily write a code and re-direct it to either the Facebook tab app or directly to the mobile friendly URL of the application.
Use a URL shortener- like bit.ly for sharing the link on your Facebook page or other places. This also helps you hide the new URL.
Here’s an example of how we built a cross platform compatible Facebook app:
We created a Facebook Application called “Dealfie”.
The URL https://www.facebook.com/SocioSquares/app/695391040540854/ takes you to the app. Once you are there, it requires you to accept the Facebook application terms.
Now, try opening the same URL on your mobile.
You will see that Facebook displays Error 404 “Page not found” as illustrated below.
We created a URL http://dealfie.co/landing.php which can check the browser on which the application is being called on and redirect it to either Facebook or a different destination.
On opening this URL on a desktop, it will open as
Now try opening this URL on mobile.
It would open: http://dealfie.co/tab/register
This is same as the url that Facebook calls as an IFRAME on the tab.
Using a standard URL shortener, we created a new URL and hid the landing URL. http://bit.ly/1bIyd1o
This new URL can be used to share on Facebook and other social platforms
Now try opening this url. It will open something like below once you have accepted Facebook app terms.
If you found this hack useful or if it worked for you, share your experience in the comments.