Заполнить бриф Меню
Мы используем файлы cookie и Яндекс.Метрику для анализа и улучшения работы сайта. Продолжая пользоваться сайтом, вы соглашаетесь с политикой конфиденциальности.
Принять

Настройка Google Tag Manager на Tilda

Соберем Google Tag Manager для сайта на Tilda: разместим теги аналитики и рекламы, настроим триггеры и управляемую передачу событий.
TILDA
ТЕХНИЧЕСКИЕ УСЛУГИ
Проверим существующие счетчики, условия появления событий и повторные срабатывания. Каждый тег протестируем в Preview и на опубликованной странице.
Контейнер GTM с упорядоченными тегами и триггерами, который можно сопровождать без правки кода каждой страницы.

Чтобы событие в отчете означало реальное действие пользователя

Тег, который просто срабатывает при загрузке страницы, не показывает качество трафика.

01 / Что проверим

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

02 / Что усилим

Согласуем список событий, параметры и системы, которым действительно нужны данные. Триггеры могут запускать счетчики до согласия или несколько раз на одном действии.

03 / Что настроим

Проверяем условия согласия, мобильный сценарий и работу тегов после публикации. Изменение селектора блока может нарушить отслеживание после обычной публикации Tilda.
Настройка включает схему измерений, контейнер, триггеры, параметры событий и обязательную проверку в отладке.
Учет согласия пользователя и правил включения маркетинговых тегов. Разводим аналитику, маркетинговые пиксели и согласие пользователя, чтобы теги не запускались вне принятой политики.

Что именно выполняем

Проверка в Preview/Tag Assistant и в целевой системе аналитики. Формируем версии контейнера с пояснениями и тестируем изменения до публикации. После публикации контейнера смотрим фактическое получение события целевой системой, а также работу ограничений согласия.

01 / Аудит страницы

Аудит текущих тегов, счетчиков, целей и ручных вставок кода. Инвентаризируем счетчики и скрипты на Tilda, фиксируем, какой тег и по какому событию должен срабатывать. Для каждого измерения фиксируем источник события и то, где оно уже установлено, чтобы не удваивать данные.

02 / Усиление предложения

План событий: что считать, когда отправлять и какие параметры передавать. Подключаем один согласованный контейнер GTM и организуем переменные с понятными именами. GTM управляет тегами, но сам не заменяет аналитику: нужна понятная модель событий и контейнер с владельцем.

03 / Настройка обращения

Настройка контейнера, триггеров, переменных и dataLayer там, где он необходим. Настраиваем триггеры для форм, кнопок и пользовательских событий, контролируя однократное срабатывание.

Технические решения

Практические подходы под конкретную задачу и ограничения проекта.

Сначала — схема измерений

Разделяем просмотры, клики, отправки форм, шаги заказа и покупки. На действующем сайте проверяем, не установлены ли те же счетчики еще и напрямую через настройки Tilda. Формируем список контейнеров и счетчиков с владельцами доступа, чтобы не создавать дубль pageview или покупки через два параллельных способа установки.

Затем — порядок в контейнере

Группируем теги, триггеры и переменные по понятной логике. Начинаем с инвентаризации текущих установок и конфликтов между прямым кодом Tilda и GTM. Добавляем контролируемые триггеры, проверяем их в Preview и затем в конечной аналитике. Для событий, зависящих от состояния приложения, используем согласованную модель dataLayer.

В конце — проверка в живом сценарии

Проверяем срабатывания в режиме отладки, затем сверяем их с интерфейсами Метрики, GA4 или рекламных систем. После каждой публикации контейнера проверяем ключевые формы и страницы магазина, чтобы обновление одного тега не создало дубли.

Особенность 01

Ищем одинаковые теги в коде, настройках Tilda и контейнере, чтобы не удваивать события и посещения.

Особенность 02

События настраиваем по фактическому действию — отправке формы или оплате, а не случайному нажатию на элемент.

Особенность 03

Условия согласия на cookie и включение маркетинговых систем. При замене блоков, селекторов и событий нужно проводить регрессионную проверку триггеров.

Проверяем ограничения до начала работ и фиксируем устойчивое решение.

Что особенно важно на Tilda

На Tilda часть действий происходит без смены URL: pop-up, форма, корзина и страница успеха могут требовать отдельной логики.
Работаем от плана измерений: сначала договариваемся, какие данные нужны бизнесу, затем настраиваем контейнер и проверяем их в отладке.
Работаем итеративно: согласуем промежуточный результат до следующего этапа.

Как проходит работа

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

01 / Аудит существующей разметки

Составляем список действующих счетчиков, пикселей и скриптов. Находим дубли, устаревшие фрагменты и события, которым нельзя доверять. Для начала нужны: доступ к GTM и всем затронутым счетчикам, список событий, статус текущих установок и правила согласий.

02 / Сборка контейнера и событий

Настраиваем теги, триггеры, переменные и параметры так, чтобы каждый элемент был понятен следующему специалисту и соответствовал согласованному плану. Согласуем триггеры и нужные параметры, проверяем Preview и события на реальных страницах.

03 / Отладка и передача

Проверяем ключевые сценарии в Preview/Tag Assistant, фиксируем названия событий и передаем схему для дальнейшего использования в аналитике и рекламе. Проверяем контейнер в Preview, последовательность срабатывания тегов и отсутствие дублей.

Портфолио студии

Наши проекты

Подборка реализованных сайтов на Tilda для IT-компаний, производителей, личных брендов, сервисов и проектов в сфере гостеприимства.

Все кейсы студии

Реальные кейсычасть проектов из портфолио студии

Разные нишиединый уровень проработки

Реальные сайтыструктура, дизайн и разработка

Стоимость и условия

Стоимость технической доработки зависит от исходной сборки, объёма изменений, адаптивных состояний, интеграций и необходимости работы с внешними сервисами.

Что нужно для оценки

Ссылка на сайт или проект Tilda, описание задачи, доступ к макету или визуальные примеры — если они есть.

Как определяем объём

Сначала проверяем, что реально решается средствами Tilda, а что требует внешнего API, сервера или отдельного сервиса.

Что получает клиент

Согласованный объём правок, адаптацию под устройства и проверку сценария, которого касается доработка.

Нам доверяют

Наши клиенты

Создаём и развиваем сайты для компаний и экспертов из IT, медицины, HoReCa, производства, образования, туризма и других направлений.

Отзывы клиентов
Часть брендов, с которыми мы работали

Команда Marmelad.digital

О студии

Веб-студия marmelad.digital разрабатывает сайты на Тильде для бизнеса и экспертов: изучаем задачу, проектируем структуру, создаём индивидуальный дизайн, настраиваем аналитику и закладываем основу для SEO-продвижения.

Подробнее о студии

Ключевые специалисты лично ведут проект — от первой структуры до публикации сайта.

Все ключевые этапы — внутри студии
Вадим Марков — разработка сайтов в студии Marmelad.digital

Разработка и техническая реализация

Вадим

Отвечает за структуру, сборку сайтов на Tilda, адаптив, анимацию, формы, аналитику и техническую SEO-подготовку. Следит, чтобы решения работали стабильно на всех устройствах и не усложняли дальнейшее развитие проекта.

  • Архитектура сайта
  • Разработка на Tilda
  • SEO и аналитика
Дарья Маркова — дизайн сайтов в студии Marmelad.digital

Дизайн и визуальная система

Дарья

Формирует визуальное направление проекта: типографику, композицию, сетку, графические акценты и мобильную версию. Дизайн помогает быстро понять предложение и передаёт характер бренда без шаблонных решений.

  • Арт-направление
  • Интерфейс и типографика
  • Мобильный дизайн
30+

реализованных B2B-проектов для IT, HoReCa, производства, медицины, образования и других направлений

7+

лет разрабатываем и запускаем сайты — от анализа и структуры до дизайна, интеграций и публикации

Пишем о разработке сайтов, дизайне и SEO

Публикуем разборы проектов, делимся рабочими решениями и показываем процесс студии на профильных площадках.

Частые вопросы о доработках на Tilda

Можно ли установить GTM поверх уже работающих счетчиков?

Можно, но сначала нужно определить, что сейчас подключено и не дублируется ли передача данных. Просто добавить контейнер поверх старых вставок — частая причина искаженной аналитики. Сначала проверяем дубли: один и тот же счетчик не должен получать одинаковое действие из нескольких источников.

Нужен ли dataLayer для каждого события?

Нет. Для части сценариев достаточно штатных возможностей Tilda и корректного триггера. DataLayer используем там, где нужно передать параметры или отследить действие, которое иначе недоступно. dataLayer нужен для структурированных событий, которых нельзя надежно определить по интерфейсу. Делать его обязательным для каждого клика бессмысленно.

Как убедиться, что событие действительно дошло?

Проверяем его последовательно: сначала в режиме Preview/Tag Assistant, затем в отладке или отчетах принимающей системы. Проверяем срабатывание тега и получение события в конечной аналитике, поскольку это разные технические этапы.
Можно ли учесть согласие на cookie?
Да. Настраиваем условия включения тегов в соответствии с выбранной моделью согласия и теми системами, которые используются на сайте. Выбор механизма Consent Mode зависит от юрисдикции и настроек тегов. Проверяем отказ и повторное согласие.

Соберем измерения без хаоса в тегах

Покажите, какие счетчики и пиксели стоят на сайте. Составим схему тегов, триггеров и проверки событий.
Made on
Tilda