Настройка SIP телефонов Mango Talker - настройка API интеграции Настройка ВАТС / Часто ищут

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

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

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

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

Кроме того, Вы можете отправить код виджета на email себе или Вашему сотруднику для последующей вставки кода виджета в код Вашего сайта.

Примечания:
1) в случае показа нескольких различных номеров, для каждого номера коллтрекинга  нужно формировать отдельный виджет и его код в Личном кабинете;
2) для сложных случаев размещения у нас доступно JS API, с дополнительной информацией Вы также можете ознакомиться здесь.


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

Перейти к мастеру кода можно двумя способами.

Способ №1

В Личном кабинете MANGO OFFICE в разделе "Коллтрекинг", выполните следующие действия:
1) перейдите в раздел "Сайты";
2) найдите строку с данными Вашего виджета и нажмите в ней на кнопку ;
3) выберите пункт "Код для сайта" в раскрывающемся меню.

Способ №2

В Личном кабинете MANGO OFFICE в разделе "Коллтрекинг", выполните следующие действия:
1) выберите "Настройки";
2) нажмите "Код виджета";
3) выберите виджет, который будете настраивать;
4) выберите алгоритм показа номера.

Поиск по номеру телефона на сайте

Обзор

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

Формирование скрипта коллтрекинга

Выполните следующие действия:
1) нажмите на ссылку «Поиск по номеру телефона на сайте»;
2) введите номер Ваш номер телефона, который указан на вашем сайте в поле «Введите номер»;
3) если вы настраиваете кроссдоменное отслеживание, то введите основной домен вашего сайта в поле «yousite.ru». Если вы просто хотите настроить сбор статистики по Вашем сайту, переходите к шагу 4;
4) в поле «Код коллтрекинга» появится скрипт Вашего коллтрекинга. Нажмите кнопку «Скопировать код»;
5) вставьте полученный код виджета на ВСЕ страницы сайта ОДИН раз, перед закрывающимся тегом <body>;
6) Не забудьте обновить страницу после вставки скрипта, чтобы проверить корректность показа номера!

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

Формирование скрипта

Выполните следующие действия:
1) нажмите на ссылку «Поиск номера по имени класса в коде», см. рисунок ниже;
2) введите название класса в поле «Название класса…»;
3) если вы настраиваете кроссдоменное отслеживание, то введите основной домен вашего сайта в поле «yousite.ru». Если вы просто хотите настроить сбор статистики по Вашем сайту, переходите к шагу 4;
4) в поле «Код коллтрекинга» появится скрипт Вашего коллтрекинга. Нажмите кнопку «Скопировать код»;
5) вставьте полученный код виджета на ВСЕ страницы Вашего сайта ОДИН раз, перед закрывающимся тегом </body>;
6) Не забудьте обновить страницу после вставки скрипта, чтобы проверить корректность показа номера!

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





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

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

Остались вопросы? Напишите нам:

Мессенджеры

Задавайте вопросы в мессенджерах:

Оставьте заявку

Оставьте заявку в личном кабинете.
Написать в отдел по работе с клиентами: mango@mango.ru
Написать в техническую поддержку: techsupport@mangotele.com

Позвоните нам

Свяжитесь с нами мы работам круглосуточно: 8 800 555-55-22