- Инструкции
- О системе
- Подключение
- Google Tag Manager
- Вопросы и ошибки
- Настройка Zoiper
- Отложенный показ
- Оптимизация Яндекс Директ
- Интеграции
- Телефония и АТС
- Вся телефония
- Новофон
- Мегафон
- МТС Exolve
- OnlinePBX
- Sipuni
- MCN Telecom
- МГТС
- ДОМ.РУ
- Энфорта
- ТТК Транстелеком
- Asterisk
- Zadarma
- Мобильные SIM-карты
- Конструкторы и CMS
- Регионы
- Видео
Динамический коллтрекинг для Тильда
Важно: Установка коллтрекинга возможна только на платных тарифах Тильда. Это ограничение самого конструктора.
Важно: В последних изменениях Tilda CMS добавила setTimeout(function() для отложенной на 2000 ms загрузки счетчиков Яндекс Метрики и Google Analytics.
Для корректной работы рекомендуем либо установку через HTML блок, либо снять чекбокс отложенной загрузки Настройки->Аналитика.
После внесения изменений опубликуйте все страницы сайта.
- До начала установки в личном кабинете AlloStat пройдите шаги подключения и получите скрипт коллтрекинга. Скопируйте скрипт коллтрекинга.
- В личном кабинете конструктора перейдите в раздел проектов https://tilda.cc/projects/
и выберите нужный проект для редактирования.
- Внизу страницы выберите "Все блоки" > "Другое" > "html".
- В добавленном блоке нажмите "Контент".
- В открывшемся окне вставьте скопированный из AlloStat скрипт коллтрекинга и нажмите "Сохранить и закрыть".
- Этот блок Тильда не отображается на странице, а существует только в html коде страницы.
- Откройте ваш сайт в браузере. Нажмите правой кнопкой мыши и выберите "Просмотреть код" - откроется консоль разработчика с HTML.
- Выделите блок. Скопируйте уникальную часть типа
tn-elem__2364299611511830891345.
- Вставьте ее в этот скрипт вместо
tn-elem__2364299611511830891345
<script type="application/javascript">
var phoneHeader = document.querySelector('.tn-elem__2364299611511830891345');
phoneHeader.innerHTML = '<span class="tn-atom phoneAllostat"><a href="tel:8 (888) 888-88-88">8 (888) 888-88-88</a></span>';
</script>
Используйте ваш собственнный номер телефона вместо8 (888) 888-88-88 - Вставьте полученный скрипт перед ранее установленным в html блоке скриптом коллтрекинга.
- Если у вас несколько номеров на странице, повторите шаги 7-10 заменяя
phoneHeader1,phoneHeader2и т.д. - Сохраните и опубликуйте ВСЕ страницы.
- Откройте ваш сайт в браузере. Нажмите правой кнопкой мыши и выберите "Просмотреть код" - откроется консоль разработчика.
- Выделите нужный блок.
- Скопируйте HTML код всего блока (хедер и/или футер) и вставьте как html-блок в вашу Тильду.
- В личном кабинете AlloStat скопируйте класс коллтрекинга номера.
- В html-блок замените старый код с телефоном на скопированный класс коллтрекинга номера.
- Нажмите "Сохранить" и "Закрыть".
- Нажмите "Опубликовать", иначе изменения не вступят в силу.
- Для просмотра результата перейдите на ваш сайт в Tilda.
- Сервис передает данные в Google Analytics, Яндекс Метрику, используя собственные скрипты, возможна интеграция через Google Tag Manager.
Установка при помощи скрипта
Скрипт для добавление class="phoneAllostat"к номеру на вашем сайте.