Avez-vous remarqué que certains sites font la promotion de leur propre application à télécharger lorsque vous visitez leur site Web tout en naviguant dans Safari sur un iPhone, iPad ou iPod touch ? Cela se fait via un petit menu contextuel qui apparaît en haut de Safari lors de la navigation sur certains sites avec iOS 6 et ultérieur, et cela se fait via quelque chose appelé "Smart App Banners". Si vous ne l'avez pas encore vu sur le Web, voici à quoi cela ressemble en haut d'un site :

Celles-ci sont étonnamment faciles à mettre en œuvre, tout ce qui est nécessaire est l'ajout d'une nouvelle balise dans la section des pages Web qui fait référence à l'identifiant de l'application, comme suit :

Remplacer "" par l'ID d'application approprié, que si vous êtes un développeur, vous connaissez certainement déjà. Pour les développeurs Web, vous pouvez obtenir l'ID de l'application en connaissant le lien iTunes/App Store, qui contient l'ID de l'application dans la chaîne URL. Google pour l'application client comme "App Name App Store" est généralement suffisant pour le trouver instantanément.

Par exemple, voici le lien vers l'application Kayak (application choisie car leur site Web mobile utilise des bannières d'application intelligentes) :

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

Dans ce cas, « 305204535 » est le code d'identification d'application qui devrait être inséré dans la balise META susmentionnée.

Apple a une documentation détaillée à ce sujet, consultez la bibliothèque des développeurs pour plus d'informations.

Cette astuce sera vraiment très utile pour les développeurs Web et les développeurs d'applications, ainsi que pour toute autre personne ayant sa propre application et son propre site Web sur lequel elle souhaite inviter les utilisateurs à télécharger cette application. . Pour ceux qui ont des sites Web et sans applications, la configuration de l'icône Apple Touch est tout aussi importante, car cela contrôle ce qu'un utilisateur voit lorsqu'il signe un site Web sur son écran d'accueil iOS. Il s'agit simplement d'ajouter un fichier nommé "apple-touch-icon.png" au répertoire principal du site Web, bien que tout le monde devrait prendre le temps de créer une version prête pour la rétine de cette icône tactile.

Rendez-vous à MarketingLand pour l'idée de conseil.