08 · Аналитика

Цели Метрики для кнопок Tilda
готовый код.

Отправляет разные цели в Яндекс Метрику при клике по выбранным кнопкам Zero Block.

Забрать код ↓
Технология
JavaScript + Метрика
Установка
8 минут
Куда вставлять
Zero Block + T123
Обновлено
08.09.2026

Сначала посмотрите,
как это работает.

Live demoЦели для кнопок
Событиеtelegram_click

Передано событий: 0

Скопируйте.
Вставьте. Опубликуйте.

Код не требует сборки или установки библиотек. Перед запуском замените значения, отмеченные в инструкции ниже.

Готовый код
<script>
(function () {
  var COUNTER_ID = 12345678;
  var GOALS = [
    { selector: '.js-goal-telegram', name: 'telegram_click' },
    { selector: '.js-goal-phone', name: 'phone_click' },
    { selector: '.js-goal-order', name: 'order_click' }
  ];

  document.addEventListener('click', function (event) {
    GOALS.some(function (goal) {
      var element = event.target.closest(goal.selector);
      if (!element) return false;
      if (typeof window.ym === 'function') {
        window.ym(COUNTER_ID, 'reachGoal', goal.name);
      }
      return true;
    });
  });
})();
</script>

Четыре шага.

  1. 01

    Создайте в Яндекс Метрике JavaScript-события telegram_click, phone_click и order_click.

  2. 02

    Присвойте кнопкам в Zero Block CSS-классы js-goal-telegram, js-goal-phone или js-goal-order.

  3. 03

    Замените 12345678 на номер счётчика и вставьте код в T123.

  4. 04

    Опубликуйте страницу, нажмите кнопки и проверьте поступление целей в Метрике.

Подстройте под себя.

Номер счётчика
Переменная COUNTER_ID.
CSS-класс
Поле selector. Начальная точка означает класс элемента.
Название цели
Поле name должно полностью совпадать с идентификатором цели в Метрике.

Не нашли нужное?
Соберём под ваш сайт.

Опишите задачу и пришлите ссылку на страницу. Посмотрим, можно ли решить её готовым кодом или нужна индивидуальная разработка.

Обсудить в Telegram ↗