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