Jak wywołać połączenie telefoniczne po kliknięciu łącza na stronie internetowej w telefonie komórkowym

493

Muszę zbudować stronę internetową dla urządzeń mobilnych. Jest tylko jedna rzecz, której jeszcze nie rozgryzłem: jak mogę wywołać połączenie telefoniczne poprzez kliknięcie tekstu?

Czy jest jakiś specjalny adres URL, który mógłbym wpisać, jak mailto:znacznik do wiadomości e-mail?

Rozwiązania specyficzne dla urządzenia nie są preferowane.

Wiem, że iPhone automatycznie rozpoznaje numery telefonów i tworzy do tego link, ale byłoby wspaniale, gdyby można to zrobić również w przypadku zdjęć ... a także w przypadku większości urządzeń mobilnych.

Frederic Morin
źródło

Odpowiedzi:

867

Większość nowoczesnych urządzeń obsługuje schemat tel:. Więc skorzystaj <a href="tel:555-555-5555">555-555-5555</a>i powinieneś być gotowy.

Jeśli chcesz użyć go jako obrazu, <a>znacznik może obsłużyć <img/>umieszczony w nim obraz, podobnie jak inne normalne sytuacje z:<a href="tel:555-555-5555"><img src="path/to/phone/icon.jpg" /></a>

ja ja
źródło
12
Jak działa obniżenie wersji na komputery? Oczywiście nie chcesz, aby to prowadziło link do komputerów stacjonarnych, prawda? Czy też muszę wyszukiwać w przeglądarce i zabijać dołączony tag?
3Dom
9
@ 3Dom Wypróbuj. Uruchamia się lub prosi o program telefonu.
Cees Timmerman
1
@ 3Dom Brak problemu na pulpicie Aurora 29.0a2 (2014-02-07). Możesz użyć linku graficznego, aby zadzwonić (patrz odpowiedź Andrew) i mieć obok niego numer w postaci zwykłego tekstu.
Cees Timmerman,
2
Do wykorzystania w przyszłości: w systemie OS X Yosemite i nowszych uruchomi aplikację Facetime i, jeśli użytkownik ma iPhone'a, pozwoli mu faktycznie zadzwonić na swoim komputerze stacjonarnym / laptopie.
Jeff Huijsmans,
8
Witaj, nie zapomnij wstawić znaku plus i kodu kraju w następujący sposób: + 1-555-555-5555, jeśli używasz Skype, jest to konieczne do natychmiastowego wybierania numeru.
Samuel Ramzan,
59

Właściwy schemat adresów URL to tel: [liczba], więc możesz to zrobić

<a href="tel:5551234567"><img src="callme.jpg" /></a>
Pęto
źródło
45

Chcesz dodać odpowiedź tutaj ze względu na kompletność.

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

Działa dobrze na większości urządzeń. Jednak na komputerach pojawi się to jako link, który nic nie robi po kliknięciu, więc powinieneś rozważyć użycie CSS, aby był warunkowo widoczny tylko na urządzeniach mobilnych.

Ponadto powinieneś wiedzieć, że Skype (który jest dość popularny) domyślnie używa innej składni (ale można go sparametryzować, aby używać tel :).

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

Myślę jednak, że w najnowszych przeglądarkach mobilnych (wiem na pewno na Androidzie) teraz telskładnia powinna oferować wyskakujące okienko dostępnych aplikacji, których można użyć do wykonania akcji wywołania.

vvohra87
źródło
wiedziałby, jak otworzyć dialog udostępniania w Androidzie, dla adresu URL?
gwizdał
@ whizcreed przepraszam stary, nie moja okolica.
vvohra87
4
Czy protokół „tel” działa ze Skype, czy tylko z protokołem „callto”?
Hutch Moore,
@HutchMooreIstnieje możliwość skojarzenia prefiksu „tel:” ze Skype. W parametrach Skype dostępna jest opcja (obok opcji umożliwiającej inicjowanie połączeń z prefiksem „
callto
20

Klikalny kod linku do smartfona:

Poniższy link może być wykorzystany do utworzenia klikalnego łącza telefonicznego. Możesz skopiować poniższy kod i wkleić go na swojej stronie internetowej, a następnie edytować za pomocą numeru telefonu. Ten kod może nie działać na wszystkich telefonach, ale działa na urządzeniach iPhone, Droid / Android i Blackberry.

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

Łącza do numeru telefonu mogą być używane z myślnikami, jak pokazano powyżej, lub bez nich, a także w następującym przykładzie:

<a href="tel:18475555555">1-847-555-5555</a>

Możliwe jest również użycie dowolnego tekstu w linku, o ile numer telefonu jest skonfigurowany z „tel: 18475555555”, jak w tym przykładzie:

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

Poniżej znajduje się klikalny link telefoniczny, który możesz sprawdzić. W większości przeglądarek niebędących telefonami ten link wyświetla błąd „Nie można wyświetlić strony internetowej” lub nic się nie dzieje.

UWAGA: Przeglądarka iPhone Safari automatycznie wykryje numer telefonu na stronie i przekształci tekst w link połączenia bez użycia kodu na tej stronie.

Kod łącza WTAI do smartfona: Kod łącza WTAI lub „Interfejs aplikacji telefonii bezprzewodowej” pokazano poniżej. Ten kod jest uważany za prawidłowy protokół telefonu komórkowego i działa na smartfonach takich jak Droid, jednak może nie działać w Apple Safari na iPhonie i powyższy kod jest zalecany.

<a href="wtai://wp/mc;18475555555">Click Here To Call Support 1-847-555-5555</a> 
Gaurang P.
źródło
3

Zasadniczo użyj <a>elementu z hrefattr wskazującym na numer telefonu poprzedzony przez tel:. Zauważ, że do określenia kodu kraju można użyć plusów, a dla ludzkich oczu można wstawić łączniki.

Dokumenty sieciowe MDN

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#Creating_a_phone_link

HTML <a>elementu (lub elementów kotwica), wraz ze swoim atrybutem href, tworzy hiperłącza do innych stron internetowych, plików, miejscach w obrębie tej samej stronie, adresy e-mail lub jakiejkolwiek innej zawartości.

[…]

Oferowanie linków telefonicznych jest pomocne dla użytkowników przeglądających dokumenty internetowe i laptopy podłączone do telefonów.

<a href="tel:+491570156">+49 157 0156</a>

Dokumenty IETF

https://tools.ietf.org/html/rfc3966

telURI numery telefonów

Identyfikator URI „tel” ma następującą składnię:

telephone-uri = "tel:"abonent telefoniczny

[…]

Przykłady

tel:+1-201-555-0123: Ten identyfikator URI wskazuje na numer telefonu w Stanach Zjednoczonych. Łączniki są włączone, aby liczba była bardziej czytelna dla człowieka; oddzielają kraj, numer kierunkowy i numer abonenta.

tel:7042;phone-context=example.com: Identyfikator URI opisuje lokalny numer telefonu ważny w kontekście „przyklad.com”.

tel:863-1234;phone-context=+1-914-555: Identyfikator URI opisuje lokalny numer telefonu, który jest prawidłowy w ramach określonego prefiksu telefonu.

2540625
źródło
0

Wystarczy użyć tagu kotwicy HTML <a>i uruchomić atrybut za hrefpomocą tel:. Sugeruję rozpoczęcie numeru telefonu od kodu kraju. zwróć uwagę na następujący przykład:

<a href="tel:+989123456789">NO Different What it is</a>

W tym przykładzie kod kraju to +98.

Wskazówka : Jest tak odpowiedni dla telefonów komórkowych, znamtel:połączenia prefiksoweFaceTimew systemie macOS, ale w systemie Windows nie jestem pewien, ale chyba spowodowało to uruchomienie Skype.

Aby uzyskać więcej informacji : możesz odwiedzić listę schematów URL obsługiwanych przez przeglądarki, aby poznać wszystkie hrefprefiksy wartości.

AmerllicA
źródło