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>/ Установка
Четыре шага.
- 01
Создайте в Яндекс Метрике JavaScript-события telegram_click, phone_click и order_click.
- 02
Присвойте кнопкам в Zero Block CSS-классы js-goal-telegram, js-goal-phone или js-goal-order.
- 03
Замените 12345678 на номер счётчика и вставьте код в T123.
- 04
Опубликуйте страницу, нажмите кнопки и проверьте поступление целей в Метрике.
/ Настройки
Подстройте под себя.
- Номер счётчика
- Переменная COUNTER_ID.
- CSS-класс
- Поле selector. Начальная точка означает класс элемента.
- Название цели
- Поле name должно полностью совпадать с идентификатором цели в Метрике.
/ Нужна доработка
Не нашли нужное?
Соберём под ваш сайт.
Опишите задачу и пришлите ссылку на страницу. Посмотрим, можно ли решить её готовым кодом или нужна индивидуальная разработка.
Обсудить в Telegram ↗