Comment ajouter des bannières d'application à votre site mobile

Si vous avez une application mobile pour vos produits ou services, vous savez combien il peut être coûteux de la promouvoir et de la distribuer pour une adoption massive. Saviez-vous qu'avec un simple extrait d'en-tête, vous pouvez promouvoir l'application dans un navigateur mobile?

Bannières d'applications intelligentes Apple App Store pour iOS

Apple supports bannières d'applications intelligentes et c'est un excellent outil pour augmenter l'adoption de votre application mobile. Lorsqu'un utilisateur mobile visite votre site à l'aide de Safari sur iOS, une bannière est visible en haut de la fenêtre du navigateur qui renvoie directement à votre application mobile.

Si vous souhaitez rechercher et créer votre propre balise Meta, vous pouvez utiliser iTunes Link Maker

Lancez iTunes Link Maker

Fait intéressant, Google Android et Microsoft n'ont pas publié de solution similaire pour leurs navigateurs natifs.

Bannières d'applications Google Play pour Android?

Cela ne veut pas dire que vous ne pouvez pas le faire. Il existe un script jQuery que vous pouvez ajouter à votre site qui ne définira pas seulement le Bannière intelligente iTunes, il créera également une bannière pour les utilisateurs de Google Android ou Microsoft afin de télécharger l'application appropriée si vous en avez également.

Si votre site est construit sur WordPress, les gens d'E-Moxie ont écrit un petit Plugin WordPress pour bannières d'applications pour que vous remplissiez tous vos détails et même ajoutiez des paramètres pour la façon dont il apparaît et la fréquence d'utilisation des cookies.

jQuery Smart Banner pour iOS ou Android

Si vous n'êtes pas sur WordPress, pas de soucis. Vous pouvez appliquer une bannière intelligente pour Android ou iOS à l'aide du Bannière intelligente jQuery scénario. Le code est assez simple et très robuste, voici l'exemple du site d'Arnold Daniel:

$ .smartbanner ({     
     title: null, // Quel doit être le titre de l'application dans la bannière (par défaut)
     author: null, // Ce que l'auteur de l'application doit être dans la bannière (par défaut ou nom d'hôte) prix: 'GRATUIT', // Prix de l'application
     appStoreLanguage: 'us', // Code de langue pour l'App Store
     inAppStore: 'Sur l'App Store', // Texte du prix pour iOS
     inGooglePlay: "Dans Google Play", // Texte du prix pour Android
     icon: null, // L'URL de l'icône (par défaut )
     iconGloss: null, // Force l'effet de brillance pour iOS même pour les précomposés (vrai ou faux)
     bouton: 'VIEW', // Texte sur le bouton d'installation
     scale: 'auto', // Mise à l'échelle en fonction de la taille de la fenêtre (définie sur 1 pour désactiver)
     speedIn: 300, // Affiche la vitesse d'animation de la bannière
     speedOut: 400, // Fermer la vitesse d'animation de la bannière
     daysHidden: 15, // Durée pour masquer la bannière après avoir été fermée (0 = toujours afficher la bannière)
     daysReminder: 90, // Durée pour masquer la bannière après avoir cliqué sur "VIEW" (0 = toujours afficher la bannière)
     force: null // Choisissez 'ios' ou 'android'. Ne faites pas de vérification du navigateur, affichez toujours cette bannière
})

Remarque: vous pouvez également utiliser cette méthodologie pour promouvoir votre podcast sur une bannière d'application intelligente! Consultez cette page sur Safari et vous verrez que nous faisons la promotion de nos podcasts.