Bouton d’appel sur mobile : où le placer, comment le mesurer

Note d'archive. Cet article décrit la situation au moment de sa publication. Les règles, les outils et les fonctionnalités mentionnés ont pu changer depuis. Vérifiez l'information à jour auprès de la source officielle avant d'agir.

Bouton d'appel sur mobile : c'est la barre ou l'icône « toucher pour appeler » qui laisse un visiteur vous joindre depuis son téléphone sans copier un numéro ni ouvrir son carnet de contacts. Je m'appelle Marven Salgado et j'installe ces boutons pour des petites entreprises partout dans le Grand Montréal, des commerces de Mascouche aux cliniques de Laval. Le bouton s'installe vite. Reste son emplacement à l'écran, qui décide si un pouce le trouve un jour.

Bouton d'appel sur mobile : ce qu'il est et pourquoi son emplacement décide de son usage

Le bouton d'appel sur mobile est un lien tel:, pas un numéro écrit en texte ordinaire, et sa position décide si un pouce le trouve sans changer de prise. Quand quelqu'un arrive sur votre site depuis un téléphone, il le tient d'habitude d'une main et fait défiler avec le pouce. Si le bouton se trouve hors de la zone que le pouce atteint, il faut s'étirer ou déplacer la prise pour le toucher, et bien des gens ne prendront pas la peine. Pour une entreprise qui décroche la majorité de ses mandats au téléphone, le bouton d'appel est l'appel à l'action qui doit rester sans effort.

Les zones d'atteinte du pouce sur un écran de téléphone et où placer le bouton

Les zones d'atteinte du pouce sont les parties de l'écran qu'un pouce couvre sans que la main bouge, et sur un grand téléphone c'est la moitié inférieure de l'écran. C'est pourquoi je penche pour le bas de l'écran quand vient le temps de poser le bouton d'appel. Un bouton dans l'en-tête a l'air propre, mais sur un grand téléphone il oblige à monter la main, et cette petite friction vous coûte des clics.

En-tête fixe ou pied de page fixe

Un pied de page fixe garde le bouton d'appel dans la zone facile au bas de l'écran, alors qu'un en-tête fixe le laisse en haut, là où le pouce doit voyager. La plupart des gens tiennent leur téléphone d'une main, le pouce près du bas, alors je règle d'habitude la version en pied de page pour mes clients de Mascouche et de Montréal. Je garde le bouton visible pendant que la page défile, à côté d'un bouton « Itinéraire » ou « Réserver » quand il reste de la place.

Le lien d'appel et ce qui se passe quand on en touche un

Le lien d'appel dit au téléphone d'ouvrir son composeur avec votre numéro déjà chargé, si bien que la personne n'a plus qu'à toucher le bouton vert pour vous joindre. Ce genre de lien sert justement à ça : il supprime l'étape du copier-coller et les fautes de frappe qui vont avec. Je code les miens comme un lien dont l'attribut href commence par tel:+ suivi de l'indicatif, par exemple <a href="tel:+15145551234">Appeler</a>. Le signe plus et l'indicatif de pays font composer le bon numéro d'un appareil à l'autre.

Comme un navigateur d'ordinateur se comporte autrement, je ne me fie jamais au seul lien d'appel à cet endroit. Je l'accompagne d'un numéro affiché en texte lisible à côté du bouton. Coder proprement le bouton dans la page fait partie du travail de conception web.

Numéro de suivi d'appels ou simple numéro de téléphone sur la page

Un numéro de suivi d'appels est une ligne distincte que vous affichez à la place de la vraie, pour que le système note quelle page ou annonce a produit l'appel avant de vous le transférer. Il enregistre la durée, l'heure et la source de l'appel, puis fait passer la personne directement. Un simple numéro suffit quand vous avez une seule source de trafic. Dès que vous menez des annonces et de la recherche organique en même temps, des numéros distincts vous disent lequel a produit l'appel.

Google Analytics : mesurer les appels sans service de suivi d'appels

Google Analytics peut enregistrer un toucher sur votre bouton d'appel comme un événement, ce qui vous laisse mesurer les clics sans payer un service de suivi d'appels. Vous configurez un événement qui se déclenche quand quelqu'un clique sur un lien tel:, puis vous transformez cet événement en objectif. La façon la plus propre est un déclencheur Google Tag Manager qui surveille les clics sur tout lien dont l'adresse commence par tel:, ce qui attrape le bouton peu importe où il se trouve sur la page.

Configurer un événement ou un objectif sur le clic du lien d'appel

Configurez le clic du lien d'appel comme un événement Universal Analytics via Google Tag Manager, puis inscrivez cet événement comme objectif dans l'administration d'Analytics pour qu'il atterrisse dans vos rapports. Dans Tag Manager, j'ajoute un déclencheur de type « Liens uniquement » où l'URL du clic commence par tel:, et je déclenche une balise d'événement Universal Analytics avec une catégorie, une action et une étiquette, par exemple catégorie « Appel » et action « Toucher ». Dans Google Analytics, sous Administration puis Objectifs, je crée un objectif de type Événement qui correspond à cette catégorie et cette action. Une fois l'objectif enregistré de façon fiable, je vois combien de personnes ont touché le bouton et de quelles pages elles venaient.

Liste de vérification d'emplacement et de mesure pour un site de PME

Quatre vérifications vous disent si le bouton d'appel fonctionne vraiment, et je les passe en revue sur chaque site de PME que je touche.

1. Confirmez que le lien d'appel est dans un pied de page fixe et reste visible pendant que la page défile sur mobile.
2. Touchez le numéro vous-même sur un vrai téléphone, pas dans un navigateur d'ordinateur, pour vous assurer qu'il ouvre le composeur.
3. Vérifiez dans Google Analytics que l'événement de clic se déclenche quand vous le touchez.
4. Comparez le volume d'appels avant et après le lancement, avec le journal d'appels de votre téléphone, ou un numéro de suivi si vous menez des annonces.

Je vérifie aussi la vitesse de la page, car une page lente à charger retarde l'apparition du bouton. Réglez ça d'abord si les appels semblent rares, avant de retoucher l'emplacement.