← Все статьи

Как настроить цели Метрики для КликЧат на Tilda

Фиксируем открытие виджета и отправку сообщения как цели Яндекс Метрики.

Добавьте HTML-блок в Tilda

1

Создайте цели в Метрике

Используйте тип цели «JavaScript-событие» и запишите идентификаторы.

2

Добавьте блок T123

В библиотеке блоков Tilda выберите «Другое» → T123 «HTML-код» и вставьте в него обработчики.

Замените НОМЕР_СЧЕТЧИКА и ИДЕНТИФИКАТОР_ЦЕЛИ своими значениями до публикации страницы.

Цель открытия чата

<script>
  document.telegramFeedback_widgetOpened = () => {
    ym(НОМЕР_СЧЕТЧИКА, 'reachGoal', 'ИДЕНТИФИКАТОР_ЦЕЛИ');
  };

  // Пример
  document.telegramFeedback_widgetOpened = () => {
    ym(324324, 'reachGoal', 'OPENED');
  };
</script>

Цель отправки сообщения

<script>
  document.telegramFeedback_messageSent = () => {
    ym(НОМЕР_СЧЕТЧИКА, 'reachGoal', 'ИДЕНТИФИКАТОР_ЦЕЛИ');
  };

  // Пример
  document.telegramFeedback_messageSent = () => {
    ym(2433424, 'reachGoal', 'MESSAGE_SENT');
  };
</script>

Опубликуйте и проверьте страницу

Сохраните блок, опубликуйте страницу Tilda, затем откройте чат и отправьте тестовое сообщение.

Обе цели должны срабатывать независимо: одна при открытии, вторая после отправки сообщения.
КликЧат

Общайтесь с клиентами на сайте и в Telegram

Подключение занимает несколько минут. Бесплатный тариф доступен без ограничения по времени.

Подключить бесплатно →