Кнопка «Позвонить» на сайте: как сделать ссылку tel:, что писать на кнопке и где она стоит

Как выглядит ссылка на телефон?

Ссылка на телефон выглядит как обычный адрес, где вместо https:// стоит tel: и сразу за ним номер: tel:+79991234567. Схема tel: — это формат ссылки на телефонный номер, описанный в стандарте RFC 3966. Посетитель с телефона нажимает такую ссылку, и телефон предлагает позвонить. Ни скрипт, ни форма для этого не нужны.

В rillo ссылку руками собирать не надо. Откройте выбор ссылки у кнопки («Куда ведёт ссылка?»), перейдите на вкладку «Ссылка», нажмите «Телефон» и впишите номер в поле «Номер телефона» так, как его читают люди: +7 999 123-45-67. Под полем подсказка: «Предложит позвонить на этот номер».

После «Применить ссылку» rillo уберёт пробелы, скобки, точки и дефисы и сохранит tel:+79991234567. В строке выбора ссылки появится ваш номер с подписью «Позвонить».

Какой формат номера работает везде?

Номер в ссылке пишут с плюсом, кодом страны и цифрами подряд, без пробелов: tel:+79991234567. Стандарт RFC 3966 в разделе 5.1.4 говорит об этом одной строкой: глобальный номер узнают по плюсу в начале. Номер без плюса глобальным он не считает.

Дефисы, точки и скобки стандарт допускает как знаки для читаемости, но пробела в их списке нет, поэтому в ссылке оставьте только плюс и цифры. Для номеров без плюса тот же стандарт требует указать, где они действуют, а ссылка с восьмёркой этого не делает. Какие телефоны наберут её всё равно, стандарт не говорит.

Восьмёрку на +7 rillo сам не заменит: он принимает номер из трёх–двадцати цифр с необязательным плюсом и сохраняет как есть. Впишите +7 сами.

Где на сайте стоит кнопка звонка?

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

На сайте-визитке из одной страницы этим схема и ограничивается: кнопка наверху и те же контакты внизу. Если на странице есть цены (о них — в статье как показать цены на сайте), поставьте кнопку рядом с ними: человек, который прочитал цену, звонит, пока она перед глазами.

Порядок кнопок зависит от того, кто берёт трубку. Если есть администратор, первой ставьте «Позвонить», второй — мессенджер. Если вы работаете руками и телефон молчит до вечера, первым поставьте мессенджер, а звонок оставьте второй кнопкой. Как сделать, чтобы чат открывался уже с готовым сообщением, показано в статье про ссылки на WhatsApp и Telegram с текстом.

Пример для ателье по пошиву штор в Рязани: наверху «Позвонить до 20:00» и рядом «Написать в Telegram», внизу в контактах те же две кнопки, а над ними адрес и часы работы. Номер не рисуйте картинкой. Её не нажать, не скопировать и не найти поиском по странице.

Что писать на кнопке звонка?

На кнопке пишут глагол, который называет действие: «Позвонить», а не «Контакты» и не «Связаться». После «Контакты» непонятно, откроется ли список адресов или набор номера, а после «Позвонить» понятно. Ниже четыре подписи и случаи, где каждая нужна.

• «Позвонить» — когда телефон один и на звонок отвечает человек. Подпись короткая, поэтому рядом с ней на экране телефона помещается вторая кнопка.
• «Позвонить +7 (999) 123-45-67» — когда на сайт заходят и с компьютера. Что случится при нажатии на компьютере, зависит от настроек этого компьютера, а номер на кнопке виден, и его можно набрать на своём телефоне.
• «Позвонить до 20:00» — когда после закрытия трубку не берут. Человек знает, до какого часа дозвонится, и не набирает номер ночью.
• «Позвонить мастеру» или «Позвонить в отдел доставки» — когда номеров два и отвечают разные люди. Подпись говорит, к кому он попадёт.

Подпись «Заказать звонок» обещает, что вам перезвонят, а ссылка tel: набирает номер и ничего не запоминает. Для такого обещания нужна форма. Заявки с формы rillo приходят в раздел «Заявки» и, если подключён бот, в Telegram.

Как узнать, сколько раз по кнопке нажали?

Нажатия на номер считает Яндекс Метрика: в ней есть готовый тип цели «Клик по номеру телефона». Метрика распознаёт номер по наличию tel в ссылках, поэтому кнопка со ссылкой tel: попадёт в счёт, а номер, нарисованный картинкой, нет. Цель создаётся в разделе «Цели» счётчика кнопкой «Добавить цель».

Справка Метрики ставит одно условие: «нужно, чтобы в коде инициализации счетчика присутствовал параметр trackLinks:true». В rillo об этом думать не нужно: если в «Настройки сайта» → «Аналитика» вписан «Номер счётчика Яндекс Метрики», опубликованная страница подключает Метрику уже с trackLinks:true.

Впишите номер счётчика, опубликуйте сайт, в Метрике добавьте цель типа «Клик по номеру телефона» и выберите все номера на сайте или один.

Одна оговорка из справки: на компьютере Метрика засчитывает и нажатие, и наведение курсора на номер, на телефоне — только нажатие. Поэтому цифру читайте как число нажатий, а не звонков. Дозвонился человек или нет, Метрика не знает.

Что проверить с телефона перед публикацией?

Перед публикацией нажмите кнопку звонка на своём телефоне и убедитесь, что набирается ваш номер, начинающийся с +7. Проверка занимает минуту. Без неё опечатку в номере найдёт клиент, а не вы.

1. Нажмите кнопку на телефоне: должен открыться набор вашего номера.
2. Сверьте номер на кнопке, в шапке и в контактах: везде один и тот же, записан одинаково.
3. Откройте сайт на компьютере: рядом с кнопкой номер виден текстом.
4. Если подключена Метрика, нажмите кнопку на опубликованной странице и найдите это нажатие в отчёте по цели.

Остальные проверки перед запуском собраны в руководстве проверка сайта перед запуском.