I think the least intrusive way of doing this is as follows:
- Check if the user-agent is that of an iPhone/iPod Touch
- Check for an
appInstalled
cookie - If the cookie exists and is set to true, set
window.location
toyour-uri://
(or do the redirect server side) - If the cookie doesn’t exist, open a “Did you know Your Site Name has an iPhone application?” modal with a “Yep, I’ve already got it”, “Nope, but I’d love to try it”, and “Leave me alone” button.
- The “Yep” button sets the cookie to true and redirects to
your-uri://
- The “Nope” button redirects to “http://itunes.com/apps/yourappname” which will open the App Store on the device
- The “Leave me alone” button sets the cookie to false and closes the modal
- The “Yep” button sets the cookie to true and redirects to
The other option I’ve played with but found a little clunky was to do the following in Javascript:
setTimeout(function() {
window.location = "http://itunes.com/apps/yourappname";
}, 25);
// If "custom-uri://" is registered the app will launch immediately and your
// timer won't fire. If it's not set, you'll get an ugly "Cannot Open Page"
// dialogue prior to the App Store application launching
window.location = "custom-uri://";