На сегодняшний день большинство мобильных устройств с браузером также являются телефонами! Так почему бы не создавать для телефонных номеров на вашей странице ссылки, кликая по которым вызывалось бы встроенное приложене для звонков. Если вы создаете сайт бизнес руководства, консалтингового агенства или просто продаете пирожки на своем сайте, большинство людей предпочтут позвонить вам в 1-2 тача вместо нудного заполнения формы (особенно на мобильном девайсе).
Мы уже писали об URI-схемах для отправки смс тут.
Первым стандартом, де-факто (скопированным с японских I-MODE стандартов) является использование tel: схемы. Он был предложен в качестве стандарта в RFC 5341, но будьте осторожны, потому что большинство предложенных там параметров не работают на всех устройствах.
Сегодня поддержка tel: URI-схемы есть почти в каждом мобильном устройстве, в том числе в Safari на IOS, Android Browser, WebOS Browser, Symbian браузер, Internet Explorer, Opera Mini и т.п.
Очень простой и лаконичный синтаксис:
html
<a href="tel:+1234567890"> Звоните нам бесплатно! </ a>
Если пользователь кликает по такой ссылке, мобильное приложение попросит подтверждения вызова с указанием полного номера. Это позволит избежать мошенничества или обмана пользователя при звонках в другую страну или на премиум-номер.
На десктопе, с установленным Skype (или подобным софтом), система попросит вас подтвердить открытие внешнего приложения, при клике на такую ссылку.
Я рекомендую указывать телефонный номер в международном формате: знак плюс (+), код страны, код местной зоны и номер абонента. Мы ведь иногда действительно не знаем, где наши посетители физически расположены. Если они находятся в той же стране, или даже в том же районе, международный формат также будет работать.
Существуют, также другие варианты которые вы можете встретить. Давайте посмотрим несколько примеров для ознакомления, просто что-бы знать, что такое бывает. Но я не рекомендовал-бы использовать их из-за различий в поддержке браузерами.
html
<a href="callto:12345678">Работает на iPhone и Nokia</a>
<a href="wtai://wp/mc;12345678">Работает на Android</a>
<a href="wtai://wp/mc;+123456789">международный формат для Android</a>
В целом все, что хотелось сказать. Используйте tel: URI-схемы и будет вам счастье ;)
PDF и версия для печати
Кликаем в опере или фф (на компе) и получаем страницу с ошибкой:
“Тип адреса неизвестен или не поддерживается”, как можно этого избежать?
Некоторые браузеры, например, firefox в убунте, не поддерживают tel, и при клике на ссылку редиректит на страницу где вместо адреса вписан номер телефона в теге. Как можно в яваскрипте определить поддерживает ли браузер tel?
Как определить оточно, не знаю. Мажно проверить является ли этот браузер десктопным или мобильным. Если мобильным – только тогда показывать ссылку как tel.
Навскидку можно использовать регулярное выражение для
window.navigator.userAgent,типа
Но лучше погуглите хорошее регулярное выражение :)
Спасибо! Помогло !
Теперь более кликабельно! Спасибо.
Добрый день. А как такое сделать в документе ворд или пдф?
Работает эффективно на продающих страницах. Проверено.
tel в браузерах работает – просит определиться с приложением, на телефонах и планшетах – предлагает нажать “вызов”. Тоже самое, если ссылку ставить на графику, кнопку, например. Но в случае с графикой планшет на андроиде понимать ссылку отказывается, а вот телефон работает прекрасно – при клике на кнопку предлагает набрать номер
Hurrah, that’s what I was looking for, what a material!
existing here at this website, thanks admin of this web site.
Feel free to surf to my webpage :: reliablerxpharmacy.com scam