Proposer automatiquement votre application iphone/ipad aux visiteurs de votre site

Vous souhaitez augmenter le nombre de téléchargements de votre application iphonefraichement déposée sur l’apple store? Grâce à une nouvelle fonctionnalité d’ iOS 6, voici un moyen très facile pour mettre en place une Smart App Banners, qui s’avère être très utile et très performant. L’idée est que lorsqu’un visiteur arrive sur votre site depuis son iphone, Ipad ou Ipod (donc via safari), on lui affiche automatiquement une barre de téléchargement pour installer votre application. Cette barre apparait en haut de la page ou en bas, au choix… Le mieux étant bien entendu en haut pour plus de visibilité.

Bons et mauvais exemples :

Le réseau social Pixrider.com et le site du journal Le Monde par exemple, utilisent bien cette fonctionnalité pour mettre en avant leur application iphone respective. Comme vous pouvez le voir sur ces captures, un bandeau apparait en haut de l’écran automatiquement  (encadré en rouge pour l’exemple du Monde) proposant l’application à télécharger ou de l’ouvrir si vous l’avez déjà téléchargé et installé.

En revanche, le site Allo Ciné lui, ne propose que sa version « mobile » du site alors qu’une application est disponible sur l’appstore… Ce qui leur fait manquer à coup sûr de nombreux téléchargements !!!

appli-telechargementok

Comment procéder?

Etape n°1

Vous devez d’abord récupérer l’identifiant de votre application sur l’apple store en allant soit sur votre compte développeur soit sur la page publique de votre application sur iTunes. Une fois sur cette page, récupérez le code qui se trouve dans l’url de la page qui se trouve entre « id » et « le point d’interrogation » comme ci-dessous :

ex

Etape n°2

Vous devez maintenant placer une balise méta dans la partie HEAD de votre site en y mettant votre identifiant à la place des « xxxxx » comme ci-dessous en bleu :

<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »>
<html xmlns= »http://www.w3.org/1999/xhtml »>
<head>
<meta http-equiv= »Content-Type » content= »text/html; charset=UTF-8″ />
<title>Document sans nom</title>
<meta name= »apple-itunes-app » content= »app-id=xxxxxxxxx, app-argument=foobar » />

</head>

<body>

<p>Bonjour à tous</p>
</body>
</html>

On peu pousser un peu plus loin si vous avez une appli Iphone et Ipad. Ce code php permet d’afficher la bonne application en fonction de l’appareil utilisé :

<?php if (strstr($_SERVER[‘HTTP_USER_AGENT’],’iPhone’) || strstr($_SERVER[‘HTTP_USER_AGENT’],’iPod’)):?>
  <meta name= »apple-itunes-app » content= »app-id=xxxxx, app-argument=foobar » />
<?php endif;?>
 
<?php if (strstr($_SERVER[‘HTTP_USER_AGENT’],’iPad’)):?>
  <meta name= »apple-itunes-app » content= »app-id=xxxxx, app-argument=foobar » />
<?php endif;?>

Vous pouvez également mettre un autre identifiant que le votre pour promouvoir une autre application sur votre site!! Par exemple pour un ami, un partenaire ou même pour un annonceur!!!

A vous de jouer !!!

About the Author

The Author has not yet added any info about himself

Leave a reply