Come implementare banner per app intelligenti su un sito Web per promuovere i download di app

Anonim

Hai notato come alcuni siti promuovono la propria app da scaricare quando visiti il ​​loro sito web mentre navighi in Safari su un iPhone, iPad o iPod touch? Questo viene fatto tramite un piccolo menu a comparsa che appare nella parte superiore di Safari durante la navigazione in alcuni siti con iOS 6 in poi, ed è fatto tramite qualcosa chiamato "Smart App Banners". Se non l'hai ancora visto sul Web, ecco come appare nella parte superiore di un sito:

Questi sono sorprendentemente facili da implementare, tutto ciò che serve è l'aggiunta di un nuovo tag nella sezione delle pagine web che faccia riferimento all'id dell'app, in questo modo:

Sostituendo "" con l'app-id appropriato, che se sei uno sviluppatore quasi sicuramente conosci già. Per gli sviluppatori Web, puoi ottenere l'ID dell'app conoscendo il collegamento iTunes/App Store, che contiene l'ID dell'app all'interno della stringa dell'URL. Di solito è sufficiente cercare su Google l'app del cliente come "Nome app App Store" per trovarla all'istante.

Ad esempio, questo è il link per l'app Kayak (app scelta perché il loro sito Web per dispositivi mobili utilizza banner per app intelligenti):

https://itunes.apple.com/us/app/kayak/id305204535?mt=8

In questo caso, "305204535" è il codice app-id che dovrebbe essere inserito nel suddetto meta tag.

Apple dispone di una documentazione dettagliata al riguardo, consulta la libreria per sviluppatori per ulteriori informazioni.

Questo suggerimento sarà davvero molto utile per gli sviluppatori web e gli sviluppatori di applicazioni e chiunque altro abbia la propria app e il proprio sito Web in cui vorrebbe invitare gli utenti a scaricare quell'app . Per quelli con siti Web e senza app, l'impostazione dell'icona Apple Touch è altrettanto importante, poiché controlla ciò che un utente vede quando aggiunge un sito Web ai segnalibri nella schermata iniziale di iOS. È solo questione di aggiungere un file chiamato "apple-touch-icon.png" alla directory principale del sito Web, anche se tutti dovrebbero dedicare del tempo a creare una versione retina-ready di quell'icona touch.

Rivolgiti a MarketingLand per l'idea del suggerimento.

Come implementare banner per app intelligenti su un sito Web per promuovere i download di app