Подключение сервисов коллтрекинга на сайте Tilda
Коллтрекинг — это метод отслеживания звонков на сайте, который позволяет выяснить эффективность рекламных каналов с точки зрения количества звонков. Сервисы коллтрекинга на Тильду можно добавить с помощью вставки стороннего кода, в данной статье мы рассмотрим особенности подключения шести популярных сервисов коллтрекинга.
Для того, чтобы подключить коллтрекинг на Тильду, обычно нужно организовать подмену номера. В данный момент это можно сделать с помощью стороннего кода, который задаст нужному элементу в коде class со значением, рекомендованным сервисом. Напишем пример кода в общем случае, где service — это требуемый сервисом коллтрекинга класс для подмены номера.
В этом случае код установки сервиса коллтрекинга должен быть обязательно в Head сайта (его можно добавить в Настройках сайта → Еще → Вставка кода в Head), чтобы он выполнялся быстрее, чем код на странице. В примере кода нужно поменять .t-btn на нужный вам CSS-селектор, который можно увидеть в исходном коде сайта (Ctrl+U или Option+Command+U).
В данном случае добавить класс элементу можно, выбрав селектор .t288_right_descr. То есть в данном случае пример кода будет выглядеть так:
Также код может не работать, потому что подмена номера происходит после того, как загрузился скрипт сервиса. В таком случае код нужно написать так, чтобы скрипт загружался после того, как меняется класс элемента. Ниже есть пример кода для такого случая:
Особенности подключения разных сервисов коллтрекинга
Некоторые сервисы коллтрекинга имеют особенности подключения, для удобства отразим их в таблице.
- Callibri — Необходимый класс — callibri_phone. При возникновении ошибок нужно поставить ссылку на скрипт после подмены по последнему примеру кода.
- Calltouch — Список мест в коде, где следует обернуть номера в классы и/или идентификаторы, и сам список классов и идентификаторов отправляется вам в виде технического задания, которое необходимо выполнить, классы назначаются в нем.
- Яндекс.Целевой звонок — Класс можно задать в настройках самостоятельно, но важно правильно указать заменяемый элемент (например, Класс).
- Roistat — Класс можно задать произвольно, но нужно правильно прописать его в настройках. Подробнее в инструкции
- Lptracker — Необходимый класс — lptracker_phone.
- Comagic — Необходимый класс — comagic_phone. Необходимо вставить код сервиса коллтрекинга в Head сайта, а код подмены номера — на страницу в блок HTML. В настройках подмены номера поле «Заменяемый элемент» должна содержать значение Класс, если вы меняете с помощью кода класс элемента, как в примере кода.
- Alloka — Необходимый класс — phone_alloka, также в настройках скрипта можно изменить класс на произвольный. Необходимо вставить код сервиса коллтрекинга в Head сайта, а код подмены номера — на страницу в блок HTML.