GTM для сайтов на Tilda — как настроить конверсии на SVG и отслеживать реальные заявки

Почему GTM на Tilda — это не просто «поставить код»

GTM для сайтов на Tilda / настройка конверсий на SVG — это задача, с которой сталкиваются почти все проекты.

На первый взгляд кажется:

— вставили GTM
— настроили цель
— всё работает

Но на практике:

— события не срабатывают
— клики не фиксируются
— конверсии считаются неправильно

Особенно это касается SVG-кнопок, которые часто используются в Tilda (иконки WhatsApp, телефоны, кастомные кнопки).

Разбор проблемы: почему не считаются конверсии на SVG

Типичная ситуация:

— пользователь кликает на кнопку
— заявка есть
— в аналитике — 0

Почему так происходит:

— SVG не является стандартным button
— клик происходит по вложенным элементам
— GTM «не видит» событие

В итоге бизнес теряет данные:

— невозможно оценить рекламу
— сложно оптимизировать кампании
— растёт стоимость заявки

Почему стандартная настройка не работает

Многие делают так:

— выбирают Click Trigger
— указывают CSS-класс
— ожидают результат

Но:

— SVG состоит из нескольких слоёв
— target клика может быть разным
— события не фиксируются стабильно

Нужен более точный подход.

Как правильно настроить GTM на Tilda

1. Установка GTM на Tilda

Вставка через:

— настройки сайта → аналитика
— вставка кода GTM

Важно:

— код должен стоять в head
— проверить установку через Preview

2. Включение переменных в GTM

Включите:

— Click Element
— Click Classes
— Click ID
— Click Text

Это позволит анализировать клики.

3. Проверка SVG-кнопки

Через Preview Mode:

— нажмите на кнопку
— посмотрите, что именно фиксируется

Важно понять:

— какой элемент ловит клик
— есть ли класс или ID

Настройка конверсий на SVG (рабочий способ)

Вариант 1: через closest()

Используем JS-проверку:

function() {
  var el = {{Click Element}};
  return el.closest('.your-class') ? true : false;
}

Это позволяет ловить клики даже внутри SVG.

Вариант 2: через matches()

function() {
  var el = {{Click Element}};
  return el.matches('.your-class') || el.closest('.your-class');
}

Более надёжный способ.

Вариант 3: через атрибут data

Лучший вариант:

Добавьте в Tilda:

data-gtm="whatsapp"

И ловите:

return {{Click Element}}.closest('[data-gtm="whatsapp"]');

Настройка тега конверсии

Для GA4

Создаём событие:

— event name: click_whatsapp

— параметры: page, button

Для Google Ads

— создаём conversion

— связываем с GTM

— передаём событие

Стратегическая модель SEOMAN

Мы рассматриваем GTM не как «техническую настройку», а как основу для роста.

1. Связка аналитики и рекламы

— GTM → данные

— GA4 → анализ

— Ads → оптимизация

2. Работа с реальными конверсиями

— звонки

— WhatsApp

— формы

3. Оптимизация бюджета

— отключаем неэффективные объявления

— усиливаем работающие

4. Экспертиза Google Partner

— корректная настройка

— соответствие стандартам

— точная аналитика

Инструменты

— GTM

— GA4

— Google Ads

— события

— dataLayer

Экономика: почему это критично

Без корректной аналитики:

— вы не знаете, что работает

— бюджет тратится вслепую

С правильной настройкой:

— видны реальные заявки

— можно оптимизировать

— снижается стоимость лида

Как это работает в эпоху AI

Почему AI требует точных данных

— алгоритмы обучаются на конверсиях

— чем точнее данные — тем лучше результат

Почему важна структура

— правильные события

— чистая аналитика

Почему выигрывает комплекс

AI оценивает:

— сайт

— рекламу

— поведение

— данные

Бесплатный аудит

Чтобы проверить GTM:

— смотрим события

— проверяем конверсии

— находим ошибки

Формат — устная консультация.

FAQ

Почему не работает клик по SVG?

Потому что это не стандартный элемент.

Как лучше отслеживать?

Через closest() или data-атрибуты.

Можно ли без GTM?

Можно, но неудобно.

Что важнее — GTM или GA4?

Они работают вместе.

Как проверить настройку?

Через Preview Mode.

Заключение

GTM — это основа аналитики.

Если события настроены неправильно — вы теряете деньги.

Особенно в Tilda и SVG-кнопках.

Работа с нами

Если вы хотите видеть реальные конверсии, правильно оптимизировать рекламу и снизить стоимость заявок — важно настроить GTM правильно.

Команда SEOMAN настраивает аналитику, рекламу и SEO в единую систему роста.

🌐 https://seoman.kz/

📲 WhatsApp: +7 705 279 3078

Покажем, где у вас теряются заявки и как это исправить.