Справочное руководство
для пользователей сайтов

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

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

Удобнее всего искать код нужных элементов с помощью встроенного редактора в браузерах 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, и так далее, а также подставить вместо слова “РЕЗУЛЬТАТ” значение для другого номера.