Мастер кода виджета
Общие сведения
Мастер настройки кода виджета повышает удобство размещения кода коллтрекинга на сайте.Коллтрекинг поддерживает несколько алгоритмов поиска номера телефона на сайте для его подмены:
- для пользователей, у которых есть разработчики сайта, мы рекомендуем использовать вариант Замена номера по имени класса в коде;
- для пользователей, у который нет специалистов, которые могут внести изменения в код сайта, мы рекомендуем использовать вариант Замена номера на сайте по номеру телефона.
Вариант с заменой номера по имени класса является более предпочтительным.
Оба алгоритма:
- находят номер телефона на сайте и подменяют его, в том числе, если номер выполнен в виде «кликабельной» ссылки (подменяется и сама ссылка);
- подмена номера происходит с задержкой в ~1 секунду — это время загрузки сайта и скриптов аналитики.
Как открыть мастер кода?
Перейти к мастеру кода можно двумя способами.Способ №1
В Личном кабинете MANGO OFFICE, выполните следующие действия:
1) перейдите в раздел «Сайты»;
2) найдите строку с данными Вашего виджета и нажмите в ней на кнопку

3) выберите пункт «Код для сайта» в раскрывающемся меню:
Способ №2
В Личном кабинете MANGO OFFICE, выполните следующие действия:
1) выберите Вашу ВАТС;
2) выберите Коллтрекинг;
3) выберите Настройки;
4) нажмите Код виджета;
5) выберите виджет, который будете настраивать;
6) выберите алгоритм замены номера:
Замена номера на сайте по номеру телефона
Данный вариант рекомендуется использовать начинающим пользователям, у которых нет навыков верстки сайта и соответствующих специалистов.В этом случае в настройках виджета Вы в текстовом виде задаете номер телефона, который необходимо подменить. При этом формат отображения номера роли не играет, т.е. +7 921 111 11 11, 921111111, (8 921) 111-11-11 будут эквивалентны.
В ответ мастер формирует скрипт коллтрекинга, который вставляется на страницу сайта ОДИН раз, перед закрывающимся тегом </body>
После этого коллтрекинг автоматически находит на странице кусок текста, аналогичный заданному в настройке (т.е. номер телефона), и заменяет его на подменный номер коллтрекинга.
В случае, если Вы используете Google Tag Manager для размещения скриптов Google Analytics и Яндекс.Метрика Вы можете разместить этот скрипт через него, см. инструкцию для Google Tag Manager.![]()
Также, если телефон находится в элементе "a" с атрибутом href, значение которого начинается с tel: то значение этого атрибута тоже будет заменено. Например, элемент
<a href="tel:79211111111">+7 921 111-11-11</a>
будет заменен коллтрекингом на<a href="tel:79114567890">7 911 456-78-90</a>
Не забудьте обновить страницу после вставки скрипта, чтобы проверить корректность подмены номера!Замена номера по имени класса в коде
Самый надежный способ размещения. Скрипт ищет класс в коде и заменяет содержимое на номер коллтрекинга.Если номер телефона на Вашем сайте уже обернут в класс, то просто введите название этого класса в форму, скопируйте полученный скрипт-код и вставьте его в страницы сайта перед закрывающимся тегом </body> .
Если номер телефона в класс не обернут, то оберните его в класс как показано на примере:
<a class="mgo-number"href="tel:+74996536972">8 (499) 653-9672</a>
Затем, введите название класса в форме и вставьте полученный скрипт в страницы сайта перед закрывающимся тегом </body>.В случае, если Вы используете Google Tag Manager для размещения скриптов Google Analytics и Яндекс.Метрика, Вы можете разместить этот скрипт через него, см. инструкцию для Google Tag Manager.![]()
1) В случае подмены нескольких различных номеров, для каждого подменного номера нужно формировать отдельный виджет и его код в Личном кабинете.
2) Для сложных случаев размещения у нас доступно JS API, с дополнительной информацией Вы также можете ознакомиться здесь.