Подключение сервисов коллтрекинга

Инструкция по работе с популярными сервисами коллтрекинга
Коллтрекинг — это метод отслеживания звонков на сайте, который позволяет выяснить эффективность рекламных каналов с точки зрения количества звонков. Сервисы коллтрекинга на Тильду можно добавить с помощью вставки стороннего кода, в данной статье мы рассмотрим особенности подключения шести популярных сервисов коллтрекинга.
Для того, чтобы подключить коллтрекинг на Тильду, обычно нужно организовать подмену номера. В данный момент это можно сделать с помощью стороннего кода, который задаст нужному элементу в коде class со значением, рекомендованным сервисом. Напишем пример кода в общем случае, где service — это требуемый сервисом коллтрекинга класс для подмены номера.
<script type="text/javascript">
$(document).ready(function() {
    /* меняем класс кнопок на нужный внешнему сервису */
 $('.t-btn').addClass('service');
});
</script>
В этом случае код установки сервиса коллтрекинга должен быть обязательно в Head сайта (его можно добавить в Настройках сайта → Еще → Вставка кода в Head), чтобы он выполнялся быстрее, чем код на странице. В примере кода нужно поменять .t-btn на нужный вам CSS-селектор, который можно увидеть в исходном коде сайта (Ctrl+U или Option+Command+U).
В данном случае добавить класс элементу можно, выбрав селектор .t288_right_descr. То есть в данном случае пример кода будет выглядеть так:
<script type="text/javascript">
$(document).ready(function() {
    /* меняем класс кнопок на нужный внешнему сервису */
 $('.t288_right_descr').addClass('service');
});
</script>
Также код может не работать, потому что подмена номера происходит после того, как загрузился скрипт сервиса. В таком случае код нужно написать так, чтобы скрипт загружался после того, как меняется класс элемента. Ниже есть пример кода для такого случая:
<script type="text/javascript">
$(document).ready(function() {
    /* меняем класс кнопок на нужный внешнему сервису */
    $('.t-btn').addClass('superclass');

    /* добавляем теги скрипт для загрузки внешнего сервиса */
    var scriptService = document.createElement('script');
    scriptService .src = "https://superservice.com";
    scriptService .type = "text/javascript";
    scriptService .charset = "UTF-8";
    document.documentElement.appendChild(scriptService );
});
</script>
Особенности подключения разных сервисов коллтрекинга
Некоторые сервисы коллтрекинга имеют особенности подключения, для удобства отразим их в таблице.
Made on
Tilda