Содержание
Первичная настройка в аккаунте Roistat
1. Перейдите в раздел "Коллтрекинг" - "Сценарии" и нажмите на кнопку "Добавить сценарий".
2. Дойдите до шага "Выберите элемент с номером телефона" и в поле "Название CSS-класса или ID" введите - .roistat-phone1, .roistat_phone2 и так далее. ".roistat_phoneX" нужно ввести столько же раз, сколько номеров указано на сайте.
3. По завершению настройки сценария нажмите на "Включить сценарий".
Заметка: более подробная инструкция по настройке сценария размещена в Базе Знаний Roistat - http://help.roistat.com/pages/viewpage.action?pageId=1376261.
Создание условий для подмены номера на Creatium
1. Откройте настройки Roistat на вкладе "Код счетчика" и скопируйте код.
2. Добавьте скопированный код в раздел Плагины - Свой код - Код перед </body>.
Заметка: если ранее вы уже добавляли к сайту код счетчика Roistat, то повторное добавление не требуется.
3. Откройте редакторы тех страниц сайта, на которых должна выполняться подмена номера телефона.
Подмена номера в текстовых виджетах
1. На втором шаге предыдущей части инструкции мы указывали идентификаторы, по которым будет работать подмена на сайта. Используя эти идентификаторы добавим их к номерам телефона.
- Задайте в виджете "Текст" нужный вам вид номера используя панель редактирования текста;
- Теперь нужно сделать данный текст ссылкой, для этого выделите текст и в всплывающем меню нажмите на иконку в виде цепей.
- В открывшемся окне необходимо задать URL в формате tel:+79614810222 и после нажать на кнопку Вставить
Важно! Номер телефона в URL указывается без скобок, пробелов и разделительных знаков, допустим “+” в начале если номер начинается с 7. Так же номер можно начинать с 8, тогда ссылка будет иметь вид tel:89614810222
- Теперь необходимо добавить класс который указали в сценарии Roistat к ссылке. Для этого необходимо выделить текстовый виджет и нажать на кнопку Код в правом верхнем углу.
- В коде у вас будет ссылка в виде <a href="tel:+79614810222">+7 (961) 481-02-22</a>, класс нужно будет добавить перед href, следующим образом: <a class=”а_здесь_вставить_идентификатор” href="tel:+79614810222">
Для всех остальных номеров на странице необходимо выполнить аналогичные действия, указывая для каждого номера разные идентификаторы. По завершению страницу нужно опубликовать повторно.
Подмена номера в кнопках
Чтобы произошла подмена номера в кнопке, необходимо сделать следующее:
- Нажать на гаечный ключ
- Перейти в раздел Содержимое и открыть вкладку Текст
- В поле “Текст или HTML-код” добавить запись следующего вида <span class="roistat-phone1">+7 (961) 481-02-22</span>, разберем запись на составляющие
- span это тег в который можно добавить класс для подмены. (если задать класс через Параметры, подмена не сработает)
- roistat-phone1 это класс который был создан в сценарии Roistat.
- +7 (961) 481-02-22 это номер телефона, его нужно заменить на ваш
Для проверки результата убедитесь, что в настройках сайта вы уже добавили скрипт ”Код счетчика Roistat”, сохранили настойки и опубликовали все страницы сайта, на которых должна выполняться подмена номера.
Далее необходимо выполнить открытие страниц вашего сайта используя режим ”Инкогнито” или ”Приватное окно”. В результате на опубликованной странице вместо указанного вами номера будет отображаться другой.
Заметка: следует учитывать, что подмена номера не будет осуществляться, если при посещении страницы в браузере посетителя был включен блокировщик рекламы, например, AdBlock, AdGuard или другой.
