How do I prompt iPhone/iPad visitors to install native app?

Question

I've visited a few sites on my iPhone/iPad which have prompted me to install the native app the first time I've visited the site. Is there a standard script somewhere that people use for this or should I just create my own? This must have been thousands of times before but despite endless googling I can't find a 'stock' script I can use. Ideally it should use cookies so the user doesn't get prompted more than once a month or so.

Burschenschaft

Yes. You can create your own script. For more information you visit this link https://mcmap.net/q/48374/-detect-if-device-is-ios – Postfree

Answer 1

Apple have actually got a built in way of doing this relatively unobtrusively, which adds a "Smart App Banner" at the top of the browser if the app isn't already installed:

To add a Smart App Banner to your website, include the following meta tag in the head of each page where you'd like the banner to appear:

<meta name="apple-itunes-app" content="app-id=myAppStoreID">

For more options, please see the full documentation on Apple's site:

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

This adds a nice looking banner to the top of the page, which can be dismissed by clicking a close button. Unlike a popup (alert box), it doesn't obscure the page too much or stall it from loading and goes directly to the app store page for your app when clicked. I think this is probably the best solution for most cases.

As it only involves adding one meta tag, it's also easier to implement than any other JavaScript based solution and there's no risk of it appearing on non iOS devices.

Caveat: Only works in Safari. Not Chrome etc.

Burschenschaft

That's pretty sweet. The only downside is that it doesn't work in Chrome for iOS. – Daphne

Answer 2

I'll assume that they're checking if the device is iOS via the HTTP_USER_AGENT

<?php

$iPod   = stripos($_SERVER['HTTP_USER_AGENT'],"iPod");
$iPhone = stripos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad   = stripos($_SERVER['HTTP_USER_AGENT'],"iPad");
$droid  = stripos($_SERVER['HTTP_USER_AGENT'],"Android");

if ($iPod || $iPhone || $iPad){
    // Display Prompt for iOS
} else if($droid){
    // Display Prompt for Android
}

Siloam

I've learn the hard way that whatever you decide to do in place of "display a prompt", do not use an alert() or confirm() for this. Google hates it, and numerous things break (including many tools designed to measure site speed or accessibility) which cannot handle a modal alert box. – Burschenschaft