Пройдите простое обучение по настройке коллтрекинга.

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

Общие сведения

Мастер настройки кода виджета повышает удобство размещения кода коллтрекинга на сайте.

Коллтрекинг поддерживает несколько алгоритмов поиска номера телефона на сайте для его подмены:
  • для пользователей, у которых есть разработчики сайта, мы рекомендуем использовать вариант Замена номера по имени класса в коде;
  • для пользователей, у который нет специалистов, которые могут внести изменения в код сайта, мы рекомендуем использовать вариант Замена номера на сайте по номеру телефона.
Вариант с заменой номера по имени класса является более предпочтительным.

Оба алгоритма:
  1. находят номер телефона на сайте и подменяют его, в том числе, если номер выполнен в виде «кликабельной» ссылки (подменяется и сама ссылка);
  2. подмена номера происходит с задержкой в ~1 секунду — это время загрузки сайта и скриптов аналитики.

Как открыть Мастер кода?

Чтобы получить код виджета, необходимо в личном кабинете MANGO OFFICE:
1) выберите вашу ВАТС;
2) выберите Коллтрекинг;
3) выберите Настройки;
4) нажмите Код виджета;
5) выберите виджет, который будете настраивать;
6) выберите алгоритм замены номера:


Замена номера на сайте по номеру телефона

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

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


В случае, если вы используете 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>

Не забудьте обновить страницу после вставки скрипта, чтобы проверить корректность подмены номера!


Замена номера по имени класса в коде

Самый надежный способ размещения. Скрипт ищет класс в коде и заменяет содержимое на номер коллтрекинга.
Если номер телефона на вашем сайте уже обернут в класс, то просто введите название этого класса в форму, скопируйте полученный скрипт-код и вставьте его в страницы сайта перед закрывающимся тегом .
Если номер телефона в класс не обернут, то оберните его в класс как показано на примере:

<a class="mgo-number"href="tel:+74996536972">8 (499) 653-9672</a>

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


В случае, если вы используете Google Tag Manager для размещения скриптов Google Analytics и Яндекс.Метрика вы можете разместить этот скрипт через него, см. инструкцию для Google Tag Manager.

ВАЖНО! В случае подмены нескольких различных номеров, для каждого подменного номера нужно формировать отдельный виджет и его код в Личном кабинете.

ВАЖНО! Для сложных случаев размещения у нас доступно js api, с дополнительной информацией вы также можете ознакомиться здесь.


Отправка кода на e-mail

Сразу после настройки кода виджета, вы можете отправить его на e-mail вашему сотруднику. Подробнее о том, как это сделать можно узнать в этой инструкции.


Заказать звонок

Выберите интересующий вас вопрос:

или

Позвонить прямо с сайта

Позвонить

Хотите себе такой же виджет? Узнайте, как подключить!

Отправляя заявку, вы даете согласие с Политикой обработки персональных данных