Мастер настройки кода виджета

Мастер настройки кода виджета повышает удобство размещения кода коллтрекинга на сайте.
В мастере настройки доступны следующие возможности:
  • CSS класс
  • Идентификатор элемента
  • Произвольный селектор
  • Номер телефона

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

Для пользователей, у который нет специалистов, которые могут внести изменения в код сайта, мы рекомендуем использовать опции: Номер телефона или CSS класс.

CSS класс

Данная опция аналогична работе кода ДО создания мастера настройки.
В этом случае мастер настройки кода генерирует код виджета, состоящий из двух частей:
1) Класс, обернутый в тэг <a>, который вставляется в код страницы вместо номера телефона. В том случае, если одинаковый номер необходимо заметить в нескольких местах на странице (например, хедер и футер), то этот кусок кода вставляется вместо каждого номера телефона.
2) Скрипт коллтрекинга, который вставляется на страницу один раз.


Название класса вы можете определить самостоятельно в окне настройки. 


css_class.png


Идентификатор элемента

Эта опция аналогична CSS классу, за исключением того, что вместо css класса используется селектор с id.
ВАЖНО: на странице может быть только один блок с указанным id. В этом заключается принципиальная разница с классом. Блоков с одинаковым классом на странице может быть произвольное количество.
Наименование селектора вы можете определить самостоятельно.

идентификатор.png

Произвольный селектор

В этом случае мастер настройки генерирует только скрипт подмены, который вставляется на страницу ОДИН раз.
В поле настройки указывается наименование селектора, который используется для размещения номера телефона на сайте. После размещения кода на сайте коллтрекинг автоматически находит на странице все селекторы с заданным названием и производит подмену содержимого селекторов на подменный номер коллтрекинга.

ВАЖНО: коллтрекинг заменяет ВСЕ содержимое селектора. Будьте осторожны, используя этот метод.

селектор.png

Номер телефона

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

В этом случае в настройках виджета вы просто в текстовом виде задаете номер телефона, который необходимо подменить. При этом формат отображения номера роли не играет, т.е. +7 921 111 11 11, 7921111111, (8 921) 111-11-11 будут эквивалентны.

В ответ мастер формирует скрипт коллтрекинга, который вставляется на страницу сайта ОДИН раз.
После этого коллтрекинг автоматически находит на странице кусок текста, аналогичный заданному в настройке (т.е. номер телефона), и заменяет его на подменный номер коллтрекинга. 


Также, если телефон находится в элементе "a" с атрибутом href, значение которого начинается с tel: то значение этого атрибута тоже будет заменено. Например, элемент <a href="tel:79211111111">+7 921 111-11-11</a>  будет заменен коллтрекингом на <a href="tel:79114567890">7 911 456-78-90</a>

телефон.png