Comment faire la promotion de vos apps iOS avec les Smart Banners

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 id et ?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). 

A savoir : vous ne pouvez pas placer une smart banner dans une frame. Mais vous pouvez très bien générer les attributs via un script côté serveur, ce qui peut être pratique pour contextualiser l'URL de l'attribut app-argument ou l'app-id, si par exemple vous avez plusieurs apps iOS à promouvoir.

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 😉