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

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

  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. Откройте ваш сайт в браузере. Нажмите правой кнопкой мыши и выберите "Просмотреть код" - откроется консоль разработчика. 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

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

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

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

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

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

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

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

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