Avec iOS 6 et la dernière version de Safari, Apple a introduit un petit outil bien pratique à disposition des éditeurs et développeurs d'apps iOS : la Smart Banner.
Si vous naviguez souvent sur le web avec votre iPhone, iPod ou iPad, vous aurez probablement remarqué que sur certains sites s'affiche en haut de page une petite bannière faisant la promotion de l'app iOS dudit site, comme vous pouvez le voir sur l'image illustrant cet article.
Vous allez apprendre qu'implémenter une Smart Banner sur votre site est extrêmement simple...
Il ne vous faut qu'une seule ligne à ajouter au code source de vos pages : une simple balise meta dans le header :
<meta name="apple-itunes-app" content="app-id=myAppStoreID, affiliate-data=myAffiliateData, app-argument=myURL">
Vous pouvez/devez ajouter l'un, l'autre ou les 3 arguments à cette balise meta :
-
app-id : Obligatoire, il s'agit de l'identifiant de votre app iOS. Pour le retrouver, vous pouvez soit utiliser le service iTunes Link Maker, soit aller chercher votre app dans l'AppStore sur iTunes, récupérer son adresse web via un clic droit sur son icone. VoOus y trouverez votre identifiant : il s'agit de la séquance de 9 chiffres contenus entre
idet?mt) :https://itunes.apple.com/fr/app/telestar-programme-tv-series/id579295194?mt=8 -
affiliate-data : Il s'agit ici d'ajouter votre identifiant d'Affilié iTunes, si vous avez un compte. Sinon, ignorez cet argument.
-
app-argument : Cet attribut optionnel vous permet via une variable de faire passer l'URL de la page vers l'app si elle est installée, ce qui eprmet à l'utilisateur de lancer l'app et d'arriver sur la même page ou le même article (Voir ici pour plus d'infos).
Vous admettrez que c'est plutôt simple et plutôt efficace pour faire la promotion d'une app, et beaucoup moins intrusif qu'un interstitiel au milieu de l'écran ;-)


