Первичная настройка в аккаунте CALLIBRI
Получить наиболее свежую и актуальную информацию о коллтрекинге сервиса Callibri, можно в официальной базе знаний сервиса по этой ссылке https://callibri.ru/help/nastroyka_multitrekinga
1. Перейдите в раздел "Настройки" - "Проект" - "Основные" и заполните страницу данными. На выделенном поле нужно указать только имя основного домена или поддомена того сайта, на котором будет работать подмена номера. В случае, если сайтов несколько, то можно указать более одного домена.
2. На вкладке "Скрипт" при первой настройке у вас отобразится JavaScript код, который необходимо добавить в настройках сайта (проекта) во вкладке "Свой код" в поле "Перед </body>".
3. На вкладке "Скрипт" в Callibri нужно добавить правила формата отображения номера на сайте согласно отображаемым подсказкам.
Заметка: в поле "Идентификатор" первым символом обязательно должна быть точка, далее БЕЗ ПРОБЕЛОВ нужно написать любое слово на латинице. Слова повторяться не должны, иначе подмена для нескольких номеров будет осуществляться на один и тот же формат отображения, вместо разных.
4. В разделе "Настройки" - "МультиТрекинг" - "Колтрекинг" - "ВАТС" создайте АТС. Кнопка для создания АТС называется "Создать ВАТС" и внесите настройки в АТС по своему усмотрению.
5. Создайте канал в разделе ”Настройки” - ”МультиТрекинг” - ”Каналы”.
Создавая канал нужно заполнить все данные, которые можете заполнить. Если не уверены в правильности заполнения - укажите только название канала и нажмите на кнопку "Сохранить изменения".
Далее вам нужно обратиться в поддержку Callibri и попросить привязать к созданному каналу номер телефона или несколько номеров.
Заметка: если необходимо отслеживать utm_метки при звонках в поле "Привязать номера" необходимо установить галочку на "Динамика".
Создание условий для подмены номера на Сreatium
Инструкция по настройке подмены от сервиса Callibri - https://callibri.ru/help/nastroyka_multitrekinga/kak_nastroit_identifikatory
1. Если вы уже выполнили второй шаг из предыдущего раздела данной инструкция, то перейдите в редактор той страницы или страниц, где отображаются ваши номера телефонов.
2. На третьем шаге предыдущей части инструкции мы указывали идентификаторы, по которым будет работать подмена на сайта. Используя эти идентификаторы добавим их к номерам телефона.
- Задайте в виджете "Текст" нужный вам вид номера используя панель редактирования текста;
ВАЖНО!!! Настраивая вид номера следует учесть, что в момент подмены номера заданные вами стили для номера могут измениться, если сам номер оформлен в разных стилях. Это значит, что для целого номера нужно использовать единые стилевые параметры, так, чтобы он не разделялся html селекторами на несколько частей. Ниже показан пример исходного кода как НЕ ДОЛЖНО БЫТЬ и как ДОЛЖНО БЫТЬ.
- Как только вид номера телефона настроен нужно добавить в исходном коде текста классы, которые указывают, что нужно выполнить подмену именно этого номера и согласно каким правилам. Для этого скопируйте первый идентификатор без точки из личного кабинета Callibri;
Скопированный идентификатор добавьте в исходный код текста в том селекторе, непосредственно после которого указан сам номер телефона.
В исходном коде нужно самостоятельно ввести class="а_здесь_вставить_идентификатор"
Ниже показан пример того, где НЕ НУЖНО ДОБАВЛЯТЬ идентификатор и где НУЖНО ДОБАВИТЬ идентификатор.
- Для всех остальных номеров на странице необходимо выполнить аналогичные действия, указывая для каждого номера разные идентификаторы. По завершению страницу нужно опубликовать повторно.
3. Для проверки результата убедитесь, что в настройках сайта вы уже добавили скрипт Callibri, сохранили настойки и опубликовали все страницы сайта, на которых должна выполняться подмена номера. Далее необходимо выполнить открытие страниц вашего сайта используя режим ”Инкогнито” или ”Приватное окно”. В результате на опубликованной странице вместо указанного вами номера будет отображаться другой.
Заметка: следует учитывать, что подмена номера не будет осуществляться, если при посещении страницы в браузере посетителя был включен блокировщик рекламы, например, AdBlock, AdGuard или другой.