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

Шаг 3. Разместите код динамического коллтрекинга на вашем сайте

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

Виджет коллтрекинга (Call Tracking) предоставляется вам в виде кода, написанного на языке JavaScript. Убедитесь, что ваш сайт поддерживает JavaScript.

ВАЖНО! Размещение кода виджета на вашем сайте должно выполняться специалистом, имеющим навыки администрирования работы вашего сайта.


Алгоритмы поиска и замены номера на сайте

Чтобы получить код виджета, на сайте Личный кабинет следует:
1) нажмите на коллтрекинг, подключенный к вашей ВАТС. Будет открыт раздел «Сквозная аналитика»;
2) повторно нажмите на коллтрекинг, подключенный к вашей ВАТС. Отроется дополнительное меню;
3) нажмите Сайты;
4) найдите виджет, который нужно интегрировать с вашим сайтом и нажмите Код виджета:

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


Виджет с алгоритмом поиска и замены номера по классу элемента

Для того чтобы получить код виджета, использующий алгоритм поиска и замены номера по классу (class) элемента, нажмите Замена номера по имени класса в коде:

Далее, впишите в поле собственный класс, который уже есть у элементов с номером телефона на сайте, или скопируйте предустановленный класс и укажите на сайте для каждого элемента с номером телефона:

Далее, скопируйте и разместите код виджета на вашем сайте.

ВАЖНО! Платформа сайта должна поддерживать указание классов для элементов или элементы уже должны содержать поле "class". Класс для поиска и подмены необходимо установить для каждого элемента с номером телефона на сайте. Если на ваш сайт технически нельзя указать class, то воспользуйтесь вторым алгоритмом поиска и подмены номера (по номеру телефона).


Виджет с алгоритмом поиска и замены номера по номеру телефона

Для того чтобы получить код виджета, использующий алгоритм поиска и замены номера по классу (class) элемента, нажмите Замена номера на сайте по номеру телефона:

Далее, впишите в поле номер телефона, который размещен на вашем сайте, по указанной маске (например, 74991111111):

Затем, скопируйте и разместите код виджета на сайт.

ВАЖНО! Если номер телефона состоит из нескольких частей (даже если визуально это не заметно) — а именно разделен HTML-элементами, то данный способ работать не будет. Пример кода, когда номер телефона состоит из нескольких элементов: 7 <span>499</span> 111-11-11
В этом случае рекомендуем воспользоваться поиском по class элемента.


Рекомендации по размещению кода виджета на вашем сайте

Размещение кода виджета можно условно разбить на несколько вариантов, выберите наиболее предпочтительный:
1) на сайте установлен Google Tag Manager (далее GTM) или платформа сайта поддерживает размещение кода через GTM. Для этого варианта скопируйте код виджета и разместите на сайт по инструкции

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


2) размещение через панель администратора платформы сайта. Для этого найдите пункт размещения сторонних кодов (виджетов, плагинов) на сайт и разместите наш код. Желательно размещать код виджета до закрывающего тега body;
3) возможно размещение через редактор файлов (например, через файловый менеджер платформы или FTP-доступ к файлам сайта). Желательно размещать код виджета до закрывающего тега body.
Дополнительные инструкции по размещению кода можно найти здесь

Далее перейдем к проверке работы подмены номера на сайте



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

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

или

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

Позвонить

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

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