Comment mettre en œuvre des bannières Smart App sur un site Web pour promouvoir les téléchargements d'applications

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

Ceux-ci sont étonnamment faciles à mettre en œuvre, tout ce qui est nécessaire est l'ajout d'un nouveau tag dans la section des pages web qui fait référence à l'identifiant de l'application, comme ceci:

Remplacer "#########" avec l'app-id approprié, qui si vous êtes un développeur vous connaissez presque certainement déjà. Pour les développeurs Web, vous pouvez obtenir l'identifiant de l'application en connaissant le lien iTunes / App Store, qui contient l'identifiant de l'application dans la chaîne URL. Googling pour l'application des clients comme "Nom App App Store" est généralement suffisant pour trouver cela instantanément.

Par exemple, il s'agit du lien pour l'application Kayak (application choisie car son site Web mobile utilise des bannières Smart App):

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

Dans ce cas, "305204535" est le code de l'application qui doit être branché sur la méta-balise susmentionnée.

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

Cette astuce va vraiment être très utile pour les développeurs web et les développeurs d'applications, et pour tous ceux qui ont leur propre application et leur propre site web où ils aimeraient inviter les utilisateurs à télécharger cette application. Pour ceux qui ont des sites Web et qui n'ont pas d'applications, la définition de l'icône Apple Touch est tout aussi importante, car elle contrôle ce qu'un utilisateur voit lorsqu'il met en signet un site Web sur son écran d'accueil iOS. C'est juste une question d'ajouter un fichier nommé "apple-touch-icon.png" au répertoire du site principal, bien que tout le monde devrait prendre le temps de faire une version rétinienne de cette icône tactile.

Heads up à MarketingLand pour l'idée de pointe.