Missed the action at this year's Chrome Dev Summit? Catch up with our playlist on YouTube. Watch now.

Звонок щелчком

В устройствах с возможностями телефонной связи пользователи могут без труда связаться с вами, коснувшись телефонного номера. Эту функцию часто называют звонок щелчком

TL;DR

  • Окружите все телефонные номера гиперссылками по схеме tel:.
  • Обязательно используйте международный формат номера.

Для работы функции "звонок щелчком" необходимы ссылки на телефонные номера

Хотя многие современные браузеры для мобильных устройств автоматически определяют телефонные номера и преобразуют их в ссылки, полезно сделать это непосредственно в своем коде. Вручную расставив теги для каждого телефонного номера, вы обеспечите постоянную возможность их вызова с помощью функции "звонок щелчком" и их оформление, соответствующее стилю вашего сайта.

Чтобы разметить телефонный номер как ссылку, используйте схемуtel:. Ее синтаксис очень прост:

NIST Telephone Time-of-Day Service <a href="tel:+1-303-499-7111">+1 (303) 499-7111</a>

Результат для строки:

Телефон службы времени в формате NIST +1 (303) 499-7111

Пример функции

В большинстве устройств с возможностями телефонной связи у пользователя будет запрашиваться подтверждение перед набором номера, чтобы пользователей не принуждали обманным путем к дорогим международным звонкам или звонкам на платные телефонные номера. Если устройство не поддерживает телефонную связь, пользователю может быть предложено меню, позволяющее выбрать способ обработки телефонного номера браузером.

Браузеры настольных устройств, которые не поддерживают голосовые вызовы, будут открывать на компьютере используемое по умолчанию приложение для телефонной связи, например Google Voice или Microsoft Communicator.

Используйте международный формат номера

Обязательно указывайте телефонный номер в международном формате: знак плюс (+), код страны, код зоны и номер. Хотя это и не обязательно, полезно разделять части номера дефисом (-), чтобы номер легче воспринимался и лучше распознавался автоматическими средствами.

Использование международного формата с дефисами гарантирует, что независимо от местонахождения вызывающего абонента, в ста метрах или в тысячах километров от вас, соединение будет установлено правильно.

При необходимости отключите автоматическое обнаружение

Современные браузеры для мобильных устройств автоматически выявляют телефонные номера и включают функцию "звонок щелчком". Браузер Safari для мобильных устройств автоматически преобразует телефонные номера в ссылки с соответствующими стилями гиперссылок. Браузер Chrome для Android автоматически выявляет телефонные номера и позволяет пользователям выполнять "звонок щелчком", но не окружает номера гиперссылками и не применяет специальные стили.

Чтобы в браузере Safari для мобильных устройств отключить возможность автоматического выявления телефонных номеров, добавьте следующий метатег в верхней части страницы:

<meta name="format-detection" content="telephone=no">

Другие возможности функции "звонок щелчком"

Помимо схемы tel:, некоторые современные браузеры также поддерживают схемы sms: и mms:, хотя их поддержка не очень надежна, поэтому некоторые функции, такие как настройка текста сообщения, работают не всегда.