Подпишитесь на уведомления и узнайте первыми об акциях.

Создать сайт бесплатно на сервисе готовых сайтов UMI

Как сделать номера телефонов на сайте кликабельными

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

Удобнее всего искать код нужных элементов с помощью встроенного редактора в браузерах Google Chrome, Mozilla Firefox и Internet Explorer, для его вызова нажмите F12 и щелкните на иконке анализа элементов страницы в левом верхнем углу (отмечено красными стрелками). В данном примере мы используем devTools от Google Chrome:
Кликабельный номер телефона

Если необходимо найти элемент в мобильной версии сайта, нужно нажать иконку эмулятора (отмечено красными стрелками):
Кликабельный номер телефона

После этого выбираем нужный нам элемент(отмечено красными стрелками), он выделяется синим цветом, и внизу в devTools подсвечивается код этого элемента.
Кликабельный номер телефона

Необходимо навести курсор на выделенный фрагмент кода, нажать правую кнопку мыши, в открывшемся контекстном меню необходимо выбрать “Copy” -> “Copy selector” (отмечено красными стрелками). В этот момент определенный код скопируется в буфер обмена.
Кликабельный номер телефона

Затем, из буфера обмена необходимо вставить полученный код вместо слова “РЕЗУЛЬТАТ” в следующий код:

<script>
  /*Начало блока кода*/
  function check() {
    var clickableNum = document.querySelector(' РЕЗУЛЬТАТ ');
    if (clickableNum) {
      clickableNum.innerHTML = '<a href="tel: '+clickableNum.innerHTML.trim()+'">'+clickableNum.innerHTML.trim()+'</a>';
    }
    else {
      setTimeout(check, 250);
    }
  }
  check();
  /*Конец блока кода*/
  /*Сюда можно добавить блок кода для второго телефона*/
</script>

После всех произведенных действий необходимо вставить полученный код в раздел “Реклама/SEO” -> “Код счетчика.
Также, потребуется добавить код ниже в раздел “Реклама/SEO” -> "Подтверждение владения сайтом":

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

Если требуется сделать несколько номеров кликабельными, необходимо скопировать код со слов “/*Начало блока кода*/” до “/*Конец блока кода*/”, внеся дополнительно изменения: нужно добавить к слову “check” (оно встречается в двух местах) цифру 1. Для следующего блока - 2, и так далее, а также подставить вместо слова “РЕЗУЛЬТАТ” значение для другого номера.

8-800-5555-864

Бесплатно по РФ

+7 (495) 662-87-59

Для звонков из Москвы

+7 (812) 309-68-23

Для звонков из Санкт-Петербурга