Question

Does there exist some kind of plugin or lightweight method of determining whether

A. A user is using a mobile device
B. The user has a particular app
C. The user does not have a particular app.

And depending on what criteria the user satisfies, display a prompt (modal, overlay, pop-up) that allows the user to view the app (if installed) or to install it (if they do not have it installed).

I realize “A” can be achieved by using media queries but I am not sure how to configure the others.

I’ve seen this done on many many sites so I know that it is not uncommon (view screenshot). Ideally I just want to implement some quick solution. I’m looking for something similar to “Hello Bar” for mobile only, I suppose.

Any help will be appreciated.

Example: https://i.stack.imgur.com/ETLHr.png (the prompt at the top of the browser)

---

I ended up finding this:

http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html

Which is exactly what I was looking for and will work in tandem with the other solutions.

Answer 1

I would try this approach if you really need to know if a user has your app installed.

When your app is installed and first run have it create a cookie. The only thing you have to remember to use is the CookieSyncManager because the set Cookies are stored in RAM and not storage, CookieSyncManager will sync these two.

CookieSyncManager.createInstance(context)
CookieSyncManager.getInstance().sync()

Once you’ve set the cookie you can then read the Cookie with the website, if its there show popup etc. Oh and only show this popup only if its a mobile device: http://www.quirksmode.org/js/detect.html

Android Developer On CookieSyncManager: http://developer.android.com/reference/android/webkit/CookieSyncManager.html

Bolg Post Explaining the Usage of the CookieSyncManager:
http://blog.tacticalnuclearstrike.com/2010/05/using-cookiesyncmanager/

I know how to do this with android not iOS or Windows…