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

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

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

Оба алгоритма:
  • находят номер телефона на сайте и подменяют его, в том числе, если номер выполнен в виде "кликабельной" ссылки (подменяется и сама ссылка);
  • подмена номера происходит с задержкой в ~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 Вашему сотруднику. Подробнее о том, как это сделать можно узнать в этой инструкции.

Вы нашли ответы на все свои вопросы в данной статье?