Lien Waze et WhatsApp sur votre site mobile
Aujourd’hui les amis on <code> !
Je vois déjà les têtes que vous faites mais pas de panique il vous faut un minimum de notion en html et plus précisément connaitre les bases de la balise <a>.
Si la phrase précédente vous fait mal à la tête c’est que vous vous êtes perdu ici au hasard d’un clic mais vous pouvez toujours en parler à votre webmaster / agence web / cousin qui bidouille des sites ! Le mieux est encore de nous parler de votre besoin et on s’occupera de vous (un peu d’auto-promo ne fait de mal à personne). Mais je m’égards alors c’est parti !!!
Voici l’info qui finira de convaincre les plus septique de l’utilité de ces liens sur votre site mobile :
Aujourd’hui on envoie plus de whatsapp que de sms dans le monde
Waze est le premier GPS utilisé en France avec plusieurs millions d’utilisateurs.
Est ce que j’ai toute votre attention maintenant ?
-
WhatsApp
C’est le plus simple, alors une ligne suffira : <a href=’whatsapp://send?text=Bonjour’>Envoyer Bonjour</a>
Et oui ce n’est que ça! Il vous suffit de remplacer le lien dans l’attribut href par un appel à l’application et en précisant le texte que vous souhaitez envoyer.
Si vous ne voyez pas encore l’intérêt en voici un que vous avez certainement rencontré au moins une fois, Partager une page internet avec vos parents, un groupe d’amis ou tout simplement un réfractaire aux réseaux sociaux (Je suis sûr que vous avez déjà au moins une personne en tête).
Donc cas pratique : Oulala qu’est ce qu’il est intéressant cette article, tiens je vais l’envoyer à mon voisin qui n’est pas sur Facebook.
voici le petit bout de code à mettre :
<a href=’http://www.silo-digital.com/actualites/lien-waze-et-whatsapp-sur-votre-site-mobile/’>Envoyer cet article</a>
Vous pouvez le tester ici (sur mobile uniquement) : Envoyer cet article
Comme dirait l’autre C’est pas sorcier! -
Waze
Un peu plus compliqué mais toujours aussi utile. Envoyer une adresse à votre application Waze. C’est toujours le même principe, il faut envoyer à l’application des informations comme une adresse ou une position.
Pour cela nous allons utiliser des variables (disponibles ici). Mais commençons avec la partie statique, comme pour WhatsApp vous devez appeler l’application avec waze:// (<a href=’waze://’>). Ensuite vous devez indiquer à Waze votre destination.
Prenons notre adresse comme exemple : 36 rue Nicolaï 75012 Paris
Pour indiquer que nous lui donnons une adresse nous devons utiliser la variable ‘q’ comme ceci q=36+rue+Nicolaï+75012+Paris+France
Ce qui nous donne waze://?q=36+rue+Nicolaï+75012+Paris+France
ATTENTION : internet n’aime pas les espaces il faudra donc penser à les remplacer par ‘+’ comme dans notre exemple.
Pour finir voici le code complet :
<a href=’waze://?q=36+rue+Nicolaï+75012+Paris+France’>Itinéraire</a>
Vous pouvez le tester ici (sur mobile uniquement) : ItinéraireIl se peut que Waze ne comprenne pas votre adresse. Dans ce cas vous allez devoir manipuler d’autres variables pour indiquer la position de votre adresse.
La première étape est donc de récupérer les coordonnées de votre adresse.
Comment récupérer les coordonnées de mon adresse :- Allez sur Livemap
- Entrez votre adresse dans le champ de recherche
- Un repère bleu s’affiche sur la carte
- Cliquez dessus
- Cliquez sur permalien
- Copiez tout le texte à partir du ‘?’
- Collez le dans un document texte
- Commencez à rédiger le lien pour Waze : waze://?ll=
- Après le symbole = vous devez préciser la latitude puis la longitude séparées par une virgule comme ceci : waze://?ll=48.83571,2.3938
- Vous pouvez précisez l’indice de zoom (minimum 6) en ajoutant après la longitude &z=10
Voici le lien terminé : waze://?ll=48.83571,2.3938&z=10
Vous pouvez le tester ici (sur mobile uniquement) : Itinéraire