Классическая версия кода виджета. Показ номера в кнопке «Позвонить»

Описание

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

В реализации способ аналогичен предыдущему, однако зачастую необходимо комбинировать стандартный способ (показ номера по классификатору/номеру телефона) с нестандартным для дополнительного показа 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, а также со скобками, тире и пробелами.