Come posso chiedere ai visitatori di iPhone/iPad di installare l'app nativa?

Question

Ho visitato alcuni siti sul mio iPhone/iPad che mi hanno spinto a installare l'app nativa la prima volta che ho visitato il sito. C'è uno script standard da qualche parte che le persone usano per questo o dovrei semplicemente creare il mio? Questo deve essere stato migliaia di volte prima, ma nonostante l'infinita ricerca di Google non riesco a trovare uno script di "stock" che posso usare. Idealmente dovrebbe utilizzare i cookie in modo che l'utente non venga richiesto più di una volta al mese.

Answer 1

di Apple hanno effettivamente avuto una costruito nel modo di fare questo relativamente discreto, che aggiunge un "App Banner intelligente" nella parte superiore del browser se l'applicazione non è già installato:

per aggiungere un App Banner intelligente al tuo sito web, inserire il seguente meta tag nella testa di ogni pagina in cui desideri il banner per apparire:

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

Per ulteriori opzioni, si prega di consultare la documentazione completa sul sito di Apple:

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

Questo aggiunge un bel striscione guardando verso l'alto della pagina, che può essere respinto cliccando un pulsante di chiusura. A differenza di un popup (casella di avviso), non oscura eccessivamente la pagina o ne blocca il caricamento e passa direttamente alla pagina dell'app store per la tua app quando viene fatto clic. Penso che questa sia probabilmente la soluzione migliore per la maggior parte dei casi.

Poiché comporta l'aggiunta di un meta tag, è anche più facile da implementare rispetto a qualsiasi altra soluzione basata su JavaScript e non c'è il rischio che appaia su dispositivi non iOS.

Avvertenza: Funziona solo in Safari. Non Chrome ecc.

Answer 2

darò per scontato che stanno verificando se il dispositivo è iOS tramite l'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 
}