Cómo crear enlaces de llamada para los usuarios que nos visiten desde navegadores móviles

Imagina la siguiente situación. Imagina que tienes una web de empresa y quieres que tus potenciales clientes puedan llamar a tu número de teléfono directamente desde el móvil con solo hacer click en un enlace.

Esto es posible gracias a la etiqueta tel que permite que nuestro teléfono inteligente entienda que ese enlace en realidad es un número al que puede llamar y lo marcará de forma automática sin hacer nada más. Solo resta marcar y nuestro cliente podrá ponerse en contacto con nosotros.

Un ejemplo de su uso es el siguiente código:

<a href="tel:+555555">Contacto</a>

Puede interesarnos ocultar el enlace si nuestros usuarios nos visitan desde un PC portátil o de escritorio. Esto lo podemos hacer mediante un código javascript:

function phonelink(){
  if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
   link = 'tel:+55555555';
} else {
   link = 'http://www.nuestrositioweb.com/contact/'; 
} window.location = link;
}
Este código lo añadimos a nuestroy como se puede ver no deja de ser un simple if que consulta si accedemos a la web desde un móvil y define una variable como un número de teléfono  o enlace a nuestro formulario de contacto en caso contrario y por último abre el navegador con esta variable definida. 🙂
En nuestro código html debemos añadir lo siguiente:
 <a href="javascript:phonelink();">Contacto</a>
Donde javascript:phonelink(); es la llamada a nuestra función javascript.
Si queremos filtrar la función para que no afecte a nuestra Tablet  debemos editar el código anterior añadiendo lo siguiente:
function phonelink(){
  if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)  && /(mobile)/i.test(navigator.userAgent)==true){
   link = 'tel:+55555555';
} else {
   link = 'http://www.nuestrositioweb.com/contact/'; 
} window.location = link;
}
Y nada más. Espero que este sencillo truco te resulte útil. 🙂
Anuncios
Cómo crear enlaces de llamada para los usuarios que nos visiten desde navegadores móviles