telefonico - href html ejemplos

Cómo activar una llamada telefónica al hacer clic en un enlace en una página web en un teléfono móvil

Question

Necesito construir una página web para dispositivos móviles. Solo hay una cosa que aún no he descubierto: ¿cómo puedo activar una llamada telefónica con el clic del texto?

¿Hay una URL especial que podría ingresar como la etiqueta mailto: para correos electrónicos?

Solución específica del dispositivo no son los preferidos.

Sé que el iPhone reconoce automáticamente los números de teléfono y crea un enlace para esto, pero sería genial si esto también se pudiera hacer para las imágenes ... y también para la mayoría de los dispositivos móviles.

Answer 1

¿Quieres agregar una respuesta aquí por el bien de la integridad.

<a href="tel:[phone]">Call 123-4567</a>

Funciona bien en la mayoría de los dispositivos. Sin embargo, en los escritorios, esto aparecerá como un enlace que no hará nada cuando haga clic en él, por lo que debería considerar el uso de CSS para que esté visible de forma condicional solo en dispositivos móviles.

Además, debes saber que Skype (que es bastante popular) usa una sintaxis diferente de manera predeterminada (pero se puede parametrizar para usar tel :).

<a href="callto:1234567">Call 123-4567</a>

Sin embargo, creo que en los últimos navegadores móviles (lo sé con seguridad en Android) ahora la sintaxis del tel debería ofrecer una ventana emergente de aplicaciones disponibles que se pueden usar para completar la acción de llamada.

Answer 2

El esquema de URL correcto es tel: [número], así que harías

<a href="tel:[phone]"><img src="callme.jpg" /></a>

Answer 3

La mayoría de los dispositivos modernos soportan el tel: esquema. Así que usa <a href="tel:[phone]">555-555-5555</a> y deberías estar listo.

Si desea usarlo para una imagen, la etiqueta <a> puede manejar la <img/> colocada en ella al igual que otras situaciones normales con: <a href="tel:[phone]"><img src="path/to/phone/icon.jpg" /></a>

Answer 4

Código de enlace del teléfono inteligente:

El siguiente enlace se puede usar para hacer un enlace de teléfono en el que se pueda hacer clic. Puede copiar el siguiente código y pegarlo en su página web, y luego editarlo con su número de teléfono. Es posible que este código no funcione en todos los teléfonos, pero funciona para iPhone, Droid / Android y Blackberry.

<a href="tel:[phone]">1-847-555-5555</a>

Los enlaces de números de teléfono se pueden usar con los guiones, como se muestra arriba, o sin ellos, así como en el siguiente ejemplo:

<a href="tel:[phone]">1-847-555-5555</a>

También es posible usar cualquier texto en el enlace siempre que el número de teléfono esté configurado con el "tel: [phone]" como en este ejemplo:

<a href="tel:[phone]">Click Here To Call Support 1-847-555-5555</a>

A continuación se muestra un hipervínculo telefónico que puede hacer clic y que puede consultar. En la mayoría de los navegadores que no son teléfonos, este enlace le dará un error "No se puede mostrar la página web" o no ocurrirá nada.

NOTA: El navegador Safari de iPhone detectará automáticamente un número de teléfono en una página y convertirá el texto en un enlace de llamada sin utilizar ninguno de los códigos de esta página.

Código de enlace del teléfono inteligente Wtai: el código de enlace wtai o "Interfaz de aplicación de telefonía inalámbrica" ​​se muestra a continuación. Este código se considera el protocolo correcto para teléfonos móviles y funcionará en teléfonos inteligentes como Droid, sin embargo, puede que no funcione para Apple Safari en iPhone y se recomienda el código anterior.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a>