Динамический коллтрекинг для Тильда

Важно: Установка коллтрекинга возможна только на платных тарифах Тильда. Это ограничение самого конструктора.

Важно: В последних изменениях Tilda CMS добавила setTimeout(function() для отложенной на 2000 ms загрузки счетчиков Яндекс Метрики и Google Analytics. Для корректной работы рекомендуем установку счетчиков не через размещение номера, а через HTML блоки, либо снимите чекбокс отложенной загрузки.

  1. До начала установки в личном кабинете AlloStat пройдите шаги подключения и получите скрипт подмены. Скопируйте скрипт подмены. image
  2. В личном кабинете конструктора перейдите в раздел проектов https://tilda.cc/projects/ и выберите нужный проект для редактирования. image
  3. Внизу страницы выберите "Все блоки" > "Другое" > "html". image
  4. В добавленном блоке нажмите "Контент". image
  5. В открывшемся окне вставьте скопированный из AlloStat скрипт коллтрекинга и нажмите "Сохранить и закрыть". image
  6. Этот блок Тильда не отображается на странице, а существует только в html коде страницы. image
  7. Установка скриптом подмены блока

  8. Скрипт для подмены блока с номером.
    <script type="application/javascript">
        var phoneHeader = document.querySelector('.tn-elem__2364299611511830891345');
        phoneHeader.innerHTML = '<span class="phoneAllostat"><a href="tel:8 (888) 888-88-88">8 (888) 888-88-88</a></span>';
    </script>
    Заменяемая часть скрипта tn-elem__2364299611511830891345
    Используйте ваш собственнный номер телефона вместо 8 (888) 888-88-88
  9. Откройте ваш сайт в браузере. Нажмите правой кнопкой мыши и выберите "Просмотреть код" - откроется консоль разработчика с HTML. image
  10. Выделите блок. Скопируйте уникальную часть класса и вставьте вместо tn-elem__2364299611511830891345. image
  11. Выберите номер телефона. Скопируйте стили. image
  12. В Тильде создайте html-блок и вставьте скрипт с вашим классом и стилями. image
  13. Установка методом копирования исходного кода блока.

  14. Откройте ваш сайт в браузере. Нажмите правой кнопкой мыши и выберите "Просмотреть код" - откроется консоль разработчика. image
  15. Выделите нужный блок. image
  16. Скопируйте HTML код всего блока (хедер и/или футер) и вставьте как html-блок в вашу Тильду. image
  17. В личном кабинете AlloStat скопируйте класс подмены номера. image
  18. В html-блок замените старый код с телефоном на скопированный класс подмены номера. image
  19. Нажмите "Сохранить" и "Закрыть". image
  20. Нажмите "Опубликовать", иначе изменения не вступят в силу. image
  21. Для просмотра результата перейдите на ваш сайт в Tilda. image
  22. Сервис передает данные в Google Analytics, Яндекс Метрику, используя собственные скрипты, возможна интеграция через Google Tag Manager.

Видео-инструкции

Подключение через HTML блок

Подключение через Zero блок

Консультации по телефону
8 (499) 380-66-34

Пн-Пт с 10:00 до 19:00

Поддержка по email

Пн-Вс с 07:00 до 24:00
для зарегистрированных пользователей

© 2017-2024 Динамический коллтрекинг AlloStat