Smart App banners ou comment mettre en avant son application mobile

  • Comment mettre en avant mon application mobile ?
  • Comment faire la bonne publicité de mon application mobile ?
  • Comment favoriser la croissance du nombre de téléchargements de mon application mobile ?

Une solution possible et gratuite : mettre en place une “Smart App banners” sur son site web

Définition : Smart App banners

C’est une bannière qui vient s’afficher en haut d’un site web, lors d’une consultation sur mobile, pour mettre en avant une application mobile.

Elle propose deux options au mobinaute :

  • Télécharger l’application, dans ce cas le mobinaute est redirigé vers le store approprié ;
  • Ouvrir l’application si celle-ci est déjà installée et que la bannière peut le détecter, à la place de l’action de téléchargement ;
  • Fermer définitivement la bannière.

Comment installer une Smart App banner ?

1/ Pour une application iOS sur Safari mobile

Il existe une méthode relativement simple pour mettre en place une Smart App banner pour une consultation d’un site web via un terminal iOS et le navigateur Safari pour mettre en avant une application de l’Apple Store.

AvantagesInconvénients
Standardisée iOS et facilement reconnaissableDisponible uniquement pour le navigateur Safari
Cliquable et dynamiqueNon customisable
Non polluante : elle occupe une place minime dans l’écran tout en étant lisible 
Intelligente : la bannière s’affiche seulement sur les mobiles qui peuvent la supporter et propose « télécharger » ou « ouvrir » selon les cas 

Première étape :

Ajouter la balise meta suivante dans le header de chaque page de votre site web où vous souhaitez voir apparaître une bannière 
<meta name= »apple-itunes-app » content= »app-id= »idApp »> 

Deuxième étape :

Modifier la partie en vert «  idApp » par l’identifiant de l’app sur l’App Store. Vous trouverez cette suite de chiffres dans l’url de l’App Store pointant vers votre application (par exemple : https://apps.apple.com/us/app/sara-sky-agriculture/id6448749866) ou bien dans les informations de l’app sur votre console App Store Connect. 

2/ Pour une application iOS sur un autre navigateur ou pour une application mobile Android

Il n’existe pas de fonctionnement natif intégré au navigateur du téléphone. Il faut utiliser un module complémentaire. Pour cela, il existe plusieurs librairies JavaScript, telle que smartbanner.js.  

Vous pourrez éventuellement mettre en forme votre bannière pour l’adapter au design de votre application, ou rester dans l’esprit “natif”.