Классическая версия кода виджета. Показ номера в кнопке «Позвонить»
Описание
Стандартные способы показа номера коллтрекинга не предусматривают показ номера только в ссылке,
В реализации способ аналогичен предыдущему, однако зачастую необходимо комбинировать стандартный способ (показ номера по классификатору/номеру телефона) с нестандартным для дополнительного показа href (ссылки) кнопки «Позвонить». Для дополнительного показа необходимо воспользоваться функцией onReady, позволяющей запускать дополнительный код после срабатывания кода ДКТ.
Показ номера по классификатору и дополнительный показ номера в кнопке по классификатору
Код кнопки обозначен (отдельным) классификатором (call-button) и содержит картинку с кнопкой «Позвонить»:
Код ДКТ:
Код выполняет поиск элементов по классификатору mgo-number и выдает номер телефона, затем в функции onReady выполняется поиск элемента с классификатором call-button функцией document.getElementsByClassName («call-button»). Так как функция получает массив элементов (даже если кнопка с классом одна на сайте), необходимо обратиться к первому элементу массива ([0]), затем изменить его параметр href (ссылку) на «tel:+» и номер телефона, переданный в функцию в event.number.
Показ номера по классификатору и дополнительный показ номера в кнопке по идентификатору
Код кнопки обозначен идентификатором (call-button) и содержит картинку с кнопкой «Позвонить»:
Код ДКТ:
Отличием от предыдущего способа является использование функции поиска кнопки по идентификатору document.getElementById, вместо поиска по классификатору. Функция получает только один элемент (два и более элементов на сайте с одинаковым идентификатором быть не должно).
Показ номера по классификатору и дополнительный показ номера в кнопке по ссылке
Код кнопки не обозначен какими-либо параметрами:
Код ДКТ:
Данный код выполняет поиск элемента по href функцией document.querySelector, после чего заменяет эту ссылку. Обязательно параметр href указать точно так, как указано в ссылке кнопки, иначе функция не найдет элемент.
Показ по номеру телефона с дополнительным показом номера в кнопке
Код с поиском по номеру телефона аналогичен предыдущим кодам, за исключением использования вместо «selector» в elements — «numberText», и номера телефона через 7, без пробелов, скобок, тире и других символов. Соответствующие примеры поиска кнопки на сайте для показа номера при необходимости см. в предыдущих пунктах.
Код ДКТ:
Код выполнит показ номера коллтрекинга по номеру телефона 88 005 555 522 и дополнительный показ href (ссылки) в кнопке с идентификатором call-button. В коде в параметре «numberText» номер телефона обязательно указывать в формате 74 951 234 567, при этом на сайте могут быть вариации номера через 7, +7, 8, а также со скобками, тире и пробелами.
