How can I have a link to a facebook page open in the FB app on a mobile device and still open in a browser when the fb app is not installed or on a desktop?
You could use media queries to show/hide a link on different screen sizes. Or you could check the window size in javascript and depending on what that is you could change the href to the mobile or desktop site
http://www.w3schools.com/jsref/prop_win_innerheight.asp
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
Related
I have a website that has social icons and is responsive for the mobile view. what I m trying to do is make the social icons (twitter, facebook...), when the web page is opened on mobiles or tablets, to open facebook app if available, if not to open in browser. and to open in browser when on desktop.
Thank you.
I am running ads in mobile apps to drive traffic to my site. Much of that traffic is being rendered in Android Webview. I want to force the mobile app to open the Chrome browser to render my site after my ad is clicked in the app even if webview is being used at the time the ad is clicked. Is there a way to do this?
Thanks!
My website has a social dialog web which works on most browsers and even Facebook in-app browser on Android device but not iOS. The header of the social dialog (with Cancel on left and Post on right) is missing when displayed on Facebook in-app browser. The flow of accessing my website as follow:
A shared link (external link pointing to my website) is clicked on Facebook app on iOS device.
My website is displayed on Facebook in-app browser (which I hate it so much but can't help).
Open the following social dialog and the header of the dialog is missing.
https://www.facebook.com/dialog/share?app_id=1520072421556747&display=popup&href=http%3A%2F%2Fwww.sharefer.me%2Fpromotion%2F52956d269cd90fb5399d5ced%2Fuser1&redirect_uri=http%3A%2F%2Fwww.sharefer.me%2Fshared%2F52956d269cd90fb5399d5ced%2Fuser1
Is anyone facing the same problem? Must I create the shared dialog for iOS instead of web to solve this problem but Android has no problem at all.
Thanks!
At the moment when you send a Facebook tab URL link to a mobile device you get the following response 'The page you requested was not found' - does anyone know of a workout solution - maybe utilising a fb mobile app that would allow the display of page tab on mobile devices?
I recommend you to provide App Canvas URL to show mobile version of the app to the users who use mobile devices instead of the Page Tab URL. Note that if an user access to the App Canvas URL in a mobile device, the user will see the content of the 'Mobile Web URL' in the facebook app setting, while an user access to the App Canvas URL in a desktop browser, the user will se the content of the "App Canvas URL."
When an user access to the App Canvas URL in a desktop browser, just redirect to the page tab url
When an user access to the App Canvas URL in a mobile device, Facebook will redirect the user to the Mobile Web URL, just serve mobile version of the app in Mobile Web URL.
try this (from here: Is it possible to show a Facebook app as a Page Tab on mobile devices?)
https://www.facebook.com/fbpageurlname?sk=app_123403406338325&ref=ts
adding &ref=ts to the end of the url stops the page tab redirecting to the mobile version of the site.
also, remember to use /fbpageurlname?sk=app_APPID and not /fbpageurlname/app_APPID
otherwise you'll get a page not found error when you add the &ref=ts to the end of the url
can an app in Facebook have desktop page for Facebook Canvas and a page for Facebook mobile at the same time? Current I have a desktop app but if I create mobile pages on the same URL can I point the "Mobile Web" section of Facebook apps to that too?
Thanks
can an app in Facebook have desktop page for Facebook Canvas and a
page for Facebook mobile at the same time?
Yes, sort of. There is no mobile canvas, if that's what you mean. However, you can have a mobile web page and a desktop canvas app for the same app.
Current I have a desktop app but if I create mobile pages on the same
URL can I point the "Mobile Web" section of Facebook apps to that too?
Yes you can use the same URL for both, then just detect the user agent to determine which to show.
User agent sniffing is always a bad idea. In the entry point of your application you should determine if it's desktop or mobile by checking for the 'signed request' variable that Facebook sends if the user is loading the app via a page tab within Facebook (i.e. a desktop user). If the user is accessing the app on mobile, outside of Facebook, then this variable won't be sent.
php:
if(isset($_REQUEST['signed_request']))
//load desktop version
else
//load mobile version