Os meus amigos recibirán unha patada, xa que poucas veces respondo o meu teléfono ... pero bueno ... isto é axudar súa compañía, non a miña! Coa enorme oleada de iPhones, droides e outros teléfonos intelixentes, realmente é hora de que comece a optimizar o seu sitio para o seu uso nun navegador móbil. Recentemente creamos unha experiencia de usuario completamente diferente para un cliente, lanzando unha versión móbil da aplicación web que a creamos e optimizándoa para o seu uso en iPhone e Droid.
Aínda que é posible que a súa empresa non poida permitirse unha reurbanización completa do seu sitio para uso móbil, hai unha cousa sinxela que pode implementar de inmediato: hiperligazón os teus números de teléfono de xeito que os usuarios de móbiles poden facer clic nelas e iniciar unha chamada telefónica. A sintaxe é bastante sinxela:
3177594940
Un típico etiqueta de áncora cunha ligazón web utiliza unha URL no valor, unha ligazón de correo electrónico mailto... a sintaxe dun número de teléfono é simplemente tel. Probei o valor con e sen parénteses, puntos e guións e todo parece funcionar tanto no iPhone como no Droid. Non obstante, aínda limitaría o número de teléfono a só os números reais do valor href.
Só tes que pensar en cantos accidentes de coche podes salvar á xente para que non necesiten intentar memorizar nin anotar o número.
Xenio Doug! Planea comezar a usalo en todos os sitios dos meus clientes. Está ben se publico isto no meu blogue? Por suposto, dándolle plena autoría. Moi chulo! 😎
Entón, hai algunha razón para NON poñer parénteses, puntos ou guións nun número de teléfono? E o número de teléfono html actúa como unha etiqueta de título? ¿Hai algún beneficio de SEO para facer unha etiqueta de título dentro do código href?
@edeckers O estándar RFC3966 non parece soportar parénteses pero si admite unha chea de outras opcións e símbolos para chamadas internacionais, extensións, etc.:
http://www.ietf.org/rfc/rfc3966.txt
En canto ao SEO, non vexo por que non. Quizais o nome da empresa + "número de teléfono" podería ser unha boa forma de implementalo.
Ola, é un truco interesante, pero probei isto e Firefox deume unha feo mensaxe de erro dicindo que non sabía como ler a ligazón. A min non me vale unha fea mensaxe de erro cando alguén fai clic na ligazón nun escritorio só para que un teléfono móbil poida acceder á ligazón. "Prema longamente" no número de teléfono en Android e tenta chamar automaticamente a un número de calquera xeito. Estou equivocado? Hai un traballo arredor?
Definitivamente está dirixido ao usuario móbil, In House.
Sempre podes evitalo detectando o navegador. Colócao nun div que está oculto para navegadores non móbiles / de maior resolución.
Grazas por este post de referencia Doug :)
Moitas grazas. sinxelo como dixeches, pero eficiente. Podes dar un par de pasos máis alá e facelo ligar a unha icona e crear un título na etiqueta de áncora para amosar o teu número de teléfono e outras instrucións para os usuarios que sitúan o rato sobre a icona. Grazas de novo!
tamén podemos engadir texto ao número de teléfono da hiperligazón?
Creo que a variable href só permite números ... con todo, podes poñer o texto que desexes dentro da propia etiqueta de áncora.
Este é un gran truco. Vou comezar a engadir isto a sitios a partir de agora. Grazas!
Non estou 100% seguro (e sei que se trata dunha discusión bastante antiga, polo que é posible que isto non estea de novo), pero a maioría dos teléfonos intelixentes hoxe en día non o fan agora?
@ facebook-502306174: moitos disqus si, pero moitos tamén formatan o número incorrectamente a menos que o definas.
Grazas.
Só unha simple corrección ... dixeches que recomendabas "gardar todo menos os números reais no valor href"
Estou seguro de que quere dicir "gardalo todo menos os números reais O NOSO do valor href"
Ou ben só estarías marcando unha morea de puntuación 🙂
Grazas Brian!
Grazas Douglas, que é a barra de redes sociais que estás a usar? O teu blog ten un aspecto estupendo e tes moitos contidos estupendos. Encantaríame conectarme a Google Plus. Grazas de novo
Grazas Dean! Despois de buscar moito na rede unha gran solución, aterrei Shareaholic. Ten moitas máis funcións que non usamos, pero é moi flexible.
Esta columna aínda non sei como enviar un número de teléfono a un teléfono móbil para que o meu xefe poida tocalo e chamar.
Ola, Dee, o teu software de correo electrónico tería que admitir HTML e a posibilidade de engadir a hiperligazón que describimos anteriormente. Este artigo trataba máis sobre como facelo nun sitio web para móbiles e non nun correo electrónico.
Ola Douglas, como funciona isto para as persoas que chaman internacionais? Cres que é mellor usar un número internacional (por exemplo, +44) ou un código de área local?
Para ser honesto, Ben, creo que funciona perfectamente. Creo que moitos interlocutores internacionais usan códigos de área locais. Os estafadores de Nixeria veñen de inmediato á mente. 🙂
Ola, pódese usar un hashtag como hipervínculo para iniciar unha chamada de teléfono? Escoiteino mencionar o outro día pero non o vin. Grazas!
Aínda non o vin. Supoño que podería escribir algún tipo de complemento ou script, pero non é unha función HTML nativa.
Como creo un botón "chamar agora" nun programa de mercadotecnia por correo electrónico como Microsoft Publisher? Tamén como o metería en mailchimp?
Polo tanto, non necesito incluír - ou. entre os números? Ademais, como incluirías unha extensión para que a hiperligazón chame directamente á extensión?
Dentro do valor href, non quere guións nin puntos entre os números. Dentro do texto áncora, podes escribir calquera cousa.
Estupendo artigo: moi útil. Grazas!
Gran artigo.
Ola Douglas, Moitas grazas por compartir este código.
Gran consello Doug! Grazas. Este artigo é máis relevante, 6 anos despois, con todo en móbil.
Funciona!! Grazas Doug !! 😉
Grazas pola axuda!
Titorial moi informativo! En realidade, gústame mellor o aspecto dun "clic para chamar widget" no canto dun "número de teléfono que se pode facer clic". Despois de probar o complemento Callback Tracker no meu sitio, vexo moitos máis resultados coa posibilidade de chamar aos meus clientes potenciais en lugar de telos chamando. Persoalmente, véxoo necesario na maioría dos sitios. Aquí está a ligazón ao complemento https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
Moi chulo, grazas por compartilo!