Os meus amigos recibirán unha patada, xa que poucas veces respondo o meu teléfono ... pero bueno ... isto é axudar súa empresa, non a miña! Co gran aumento de iPhones, Android e outros teléfonos intelixentes, é hora de que comeces a optimizar o teu sitio para usar nun navegador móbil.
As empresas están vendo que unha parte importante dos seus visitantes chega a través de dispositivos móbiles. Ter un sitio web responsive que se vexa ben nun dispositivo móbil xa non é unha opción, é unha necesidade.
Aquí tes unha cousa que moitas veces se pasa por alto ao crear unha experiencia móbil... hiperligando os seus 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:
13172039800
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 en iPhone como en Droid. Non obstante, recomendo incluír o código do país no número de teléfono e eliminar todos os trazos, espazos ou puntos do valor href.
Se queres medir cantas persoas fan clic nestas ligazóns, podes ler o noso artigo sobre como facelo engade un evento de Google Analytics usando Google Tag Manager.
Genio Doug! Planea comezar a usalo en todos os meus sitios de clientes. Vale se publico isto no meu blog? Por suposto, dándolle a autoría total. Moi chulo! 😎
Entón, hai algún motivo 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 ao facer unha etiqueta de título dentro do código href?
@edeckers O estándar RFC3966 non parece admitir parénteses, pero admite moitas 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" poida ser unha boa forma de implementar!
Ola, é un truco xenial, pero probei isto e Firefox deume unha mensaxe de erro feo dicindo que non sabía como ler a ligazón. Para min, non paga a pena unha mensaxe de erro fea cando alguén fai clic na ligazón dun escritorio só para que un teléfono móbil poida acceder á ligazón. "Preme longamente" no número de teléfono en Android e tenta chamar automaticamente a un número de todos os xeitos. Estou equivocado? Hai un traballo arredor?
Definitivamente está dirixido ao usuario móbil, In House.
Sempre podes evitalo mediante a detección do navegador. Colócao nun div que está oculto para os navegadores non móbiles/de maior resolución.
Grazas por esta publicación de referencia Doug :)
Moitas grazas. sinxelo como dixeches, pero eficiente. Podes ir un par de pasos máis alá e facelo ligar a unha icona e crear un título na etiqueta de ancoraxe para mostrar o teu número de teléfono e instrucións adicionales para os usuarios que pasen 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... non obstante, podes poñer o texto que desexes dentro da propia etiqueta de áncora.
Este é un gran truco! Vou comezar a engadir isto aos sitios a partir de agora. Grazas!
Non estou 100% seguro (e sei que esta é unha discusión bastante antiga, polo que quizais non se revive) pero a maioría dos teléfonos intelixentes non o fan automaticamente agora?
@facebook-502306174:disqus moitos o fan, pero moitos tamén formatan o número incorrectamente a non ser que o definas.
Grazas.
Só unha simple corrección... dixeches que recomendaches "manteñamos todo menos os números reais NO valor href"
Estou seguro de que queres dicir "conserva todo menos os números reais do valor href"
Ou só estarías marcando un montón de signos de puntuación 🙂
Grazas Brian!
Grazas Douglas, cal é a barra de redes sociais que estás a usar? O teu blog ten un aspecto estupendo e tes moito contido xenial. Encantaríalle conectarse en Google Plus. Grazas de novo
Grazas Dean! Despois de moito buscar pola rede unha excelente solución, aterrei Shareaholic. Ten moitas máis funcións que non usamos, pero é moi flexible.
Aínda non sei desde esta columna como enviar un número de teléfono por correo electrónico a un teléfono móbil, polo que o meu xefe pode simplemente tocalo e chamalo.
Ola Dee, o teu software de correo electrónico debería admitir HTML e a posibilidade de engadir a hiperligazón que describimos anteriormente. Este artigo trataba máis sobre como facelo nun sitio web móbil, non nun correo electrónico.
Ola Douglas, que tan ben funciona isto para as chamadas 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 moitas persoas que chaman internacionais usan códigos de área local. Os estafadores de Nixeria veñen inmediatamente á mente. 🙂
Ola, pódese usar un hashtag como hiperligazón para iniciar unha chamada telefónica? Escoiteino mencionar o outro día pero non o vin. Grazas!
Aínda non vin isto. 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 marketing por correo electrónico como Microsoft Publisher? Ademais, como o poñería en mailchimp?
Polo tanto, non teño que 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 queres que hai trazos ou puntos entre os números. Dentro do texto de referencia, podes escribir calquera cousa.
Gran 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!
Tutorial moi informativo! En realidade, gústame máis o aspecto dun widget de "clic para chamar" en lugar dun "número de teléfono no 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 que me chamen. Persoalmente, véxoo necesario na maioría dos sitios. Aquí está a ligazón ao plugin https://callbacktracker.com/plugins/wordpress-click-to-call-plugin-install-tutorial/
Moi chulo, grazas por compartilo!