Тильда как добавить менеджер тегов гугл
Перейти к содержимому

Тильда как добавить менеджер тегов гугл

  • автор:

Подключение Google Tag Manager

  1. Размещаете у себя на сайте или в мобильном приложении код контейнера GTM.

Никого уже не удивишь веб-аналитикой

Яндекс.Метрику и Google Analytics ставят на сайты все. Но если с установкой кода счетчика на сайт маркетологи научились справляться, то с настройками целей обычно есть проблемы.

Даже те, кто понимает, зачем нужны цели, не может их настроить без помощи программиста.

Google осознал глубину проблемы и выпустил Google Tag Manager. Установив код GTM на сайт, маркетолог, не имеющий знаний в программировании (главное — чтобы он был любопытным и не ленивым), сможет и счетчики установить, и цели настроить.

Еще GTM позволяет расшифровать UTM-метку и отправить ее в Google Analytics более точно, чем это делает сам счетчик (актуально для анализа рекламы в Яндекс. Директ). С помощью этого инструмента можно также скорректировать безумные цифры по отказам на одностраничных сайтах, добавив тег с таймером. И это только некоторые возможности.

Кому нужен Google Tag Manager

Есть более функциональные платные аналоги, но у большинства сайтов в них нет необходимости — Google Tag Manager прекрасно справляется со своей задачей и при этом прост в использовании. Рекомендую GTM не только владельцам сайтов, которые хотят хранить коды сервисов в одном месте, но и тем, кто хочет облегчить настройку веб-аналитики.

На одностраничных сайтах GTM помогает измерить более точный показатель отказов (как известно, Google Analytics считает, что посетитель провел на сайте 0 секунд, если он открыл его и не совершил больше никаких действий (к примеру, не отправил заявку), а ведь при этом посетитель мог записать номер телефона или другой контакт, почитать отзывы.

На более сложных сайтах (корпоративных, интернет-магазинах), которые хотят отслеживать выполнение целевых действий и учитывать офлайн-конверсии (с GTM удобно настраивать любые цели в Google Analytics самостоятельно), а также передавать идентификатор клиента в CRM.

[Видео] Настройка целей на Тильде с помощью Google Tag Manager

Исчерпывающее руководство по настройке целей на Тильде в Яндекс.Метрике и Google Analytics с помощью Google Tag Manager.

В этом видео вы узнаете, как установить Яндекс.Метрику и Google Analytics для сайта на Tilda с помощью Google Tag Manager, настроить отслеживание виртуальных страниц, отправку форм, цели, глубину прокрутки, видео YouTube, показатель отказов, исходящие ссылки, электронную торговлю, любой скопированный текст на сайте, а также клики по различным элементам.

Настройка цели на клик по номеру в Tilda через GTM

клик по номеру в tilda

Данный способ не является истинной в последней инстанции как наиболее верный.

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

  1. Надо уже иметь аккаунт \ почту на Google (типа @gmail.com)
  2. Из под этого аккаунта \ почты идём на https://tagmanager.google.com/
  3. Нажимаем Создать аккаунт

добавление нового аккаунта GTM

Далее принимаем Условия использования Google Менеджера тегов.

Наконец-то попадаем в рабочую область и тут же всплывает окно. Нам там нужен только номер (ID) .

номер GTM

Копируем и идём в Тильду – Редактировать сайт – Настройки сайта – Аналитика

google tag manager для tilda

Вставляем сюда ID, нажимаем Сохранить изменения.

Поздравляю, вы установили Google Tag Manager на свой сайт.

Настройка переменных в Google Tag Manager

Далее идём в Рабочую область – Переменные – Настроить

настройка переменных GTM

Нажимаем все галочки в разделе Клики, самое главное в этом случае – это Click Element .

Настройка триггеров на клик по номеру

Потом Рабочая область – Триггеры – Создать

Вот тут вот самая собака зарыта. Выбираем

  1. Тип триггера – Клик – Все элементы
  2. Условия активация – переставляем на Некоторые клики
  3. Выбираем из выпадающего списка ранее добавленную нами переменную Click Element
  4. Содержит
  5. Ставим значение HTMLSpanElement

настройка триггера на клик по номеру Tilda

Не спрашивайте, почему именно так, опытным путём конкретно в этом сайт клик по номерам характеризуется данным элементом HTML

Не забываем сохранять.

Настройка Тегов для данных по цели

Переходим Рабочая область – Теги – Создать

Передача и проверка Яндекс Метрика

тег клик по номеру tilda

  1. Выбираем Тип тега – Пользовательский тег HTML
  2. Далее вставляем Код цели для сайта между <script> вот сюда </script> (выглядит типа ym(87246229,’reachGoal’,’ORDER’)
  3. Если не знаете где взять код для предыдущего шага – читайте тут https://kdubonosov.ru/google-tag-manager/#nastroyka-tseley-yandeks-metrika-cherez-google
  4. Сохраняем

Нажмите Отправить в правом верхнем углу рабочей области и считайте, что цель установлена.

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

Проверка работы цели

Осуществяется одним из следующих способов:

  1. Так как указано здесь https://kdubonosov.ru/google-tag-manager/#kak-proverit-rabotayut-li-tseli-metriki-na (с использование такой конструкции адресвашегосайта.рф/?_ym_debug=1 )
  2. Через Предварительный просмотр

Коротко опишу механизм, который со временем вожет стать неактуальным, так как всё постоянно зачем-то меняется.

Вы указываете адрес сайта в открывшемся окне и нажимаете Connect После в соседней вкладке открывается сайт и внизу появляется плашка о том что вы в режиме debug .

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

Раньше было что, всё это происходило в 1 окне с наложением снизу информации о событиях

Далее ваша задача – кликнуть на номер телефона, который нужно отслеживать, причем через Вторую кнопку мыши – Исследовать элемент, я бы проверил и в мобильной версии. Для этого лучше перезагрузить страницу.

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

Тильда как добавить менеджер тегов гугл

Tilda является удобным конструктором сайтов. Отслеживание кнопок, форм, popup можно осуществить напрямую подключив счетчики google analytics и яндекс метрики или через google tag manager.

На примере мы настроим передачу данных в google analytics и яндекс метрику через gtm и настроим цели на отправку формы.

1.Настройка аналитики в tilda

Переходим в личный кабинет /// Настройка сайта

Аналитика и SEO /// вводим Свой ID счетчика gtm

Если вы решили настроить отслеживание через gtm, то в настройках не нужно указывать код счетчика аналитики и метрики что бы избежать задвоения.

2.Настройка в google tag manager

Нам нужно настроить 4 тега (если у Вас некоторые пункты настроены их можно пропустить)

Тег 1.Установка счетчика google analytics (детальнее читайте здесь)

Нужно создать один тег и одну переменную

Создаем переменную cod ua

Тип переменной: константа

Значение: Ваш код счетчика Universal analytics

Значение мы берем из google analytics

В блоке ресурса /// Код отслеживания /// код отслеживания

Создаем тег Universal Analytics

Тип тега: Universal Analytics

Тип отслеживания: Просмотр страницы

Включаем переопределение настроек

Переменная Cod ua

Триггер активации: All Pages

Тег 2. Установка счетчика яндекс метрики (детальнее читайте здесь)

Нужно настроить один тег

Название: Yandex Metrika

Тип тега: Пользовательский HTML

Вставляем код счетчика яндекс метрики

Триггер: All Pages

Код находится в яндекс метрике : Настройки /// Код счетчика

Тег 3.Отправка виртуальных страниц в google analytics

Нужно создать один тег, один триггер и две переменные

Переменная pageView

Тип: Пользовательское событие

Переменная VirtualPath

Тип переменной: переменная уровня данных

Имя переменной: eventAction

Переменная virtualTitle

Тип переменной: переменная уровня данных

Имя переменной: title

Настроим триггер:

Название события: События Tilda

Тип триггера: Пользовательское событие

Имя события: pageView (переменной которую мы создали)

Триггер активируется: все специальные события

Создаем тег:

Название: отправка в ga (название может быть разным)

Тип тега: Universal Analytics

Тип отслеживания: Просмотр страницы

Включить переопределение настроек

Выбираем переменную cod ua (которую мы предварительно уже создали)

В дополнительных настройках передаем дополнительные поля:

Поле page со значением переменной VirtualPath (которую мы создали)

Поле title со значением переменной virtualTitle (которую мы создали)

Триггер: События Tilda (триггер который предварительно создали)

Тег 4. Отправка виртуальных страниц в яндекс метрику

Настроим один тег и одну переменную

Переменная: cod metrika

Тип переменной: константа

Значение: Ваш код счетчика метрики в формете yaCounterХХХХХХХ

Номер счетчика можно взять с кода в яндекс метрике

Создаем тег

Название: отправка в ya

Тип тега: Пользовательский тег HTML

Триггер активации: События Tilda (который, мы предварительно создали)

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

Настройка целей в google analytics

После настройки в gtm, смотрим данные в отчетах в google analytics

Переходим: Поведение /// Контент сайта /// Все страницы (если страниц много можно сделать фильтр Страница содержит tilda)

Так как по примеру мы будем настраивать цели на формы нас интересуют страницы, которые содержат form

Также передачу виртуальных страниц можно просмотреть в режиме реального ремени

В режиме реального времени /// контент

Можно посмотреть нужную нам форму в конструкторе Tilda

Находим форму переходим в настройки:

Находим отправка формы в системы аналитики.

Вам нужно будет эти формы включать.

Переходим к настройкам целей

Настроим общую цель на все формы и на одну, которая называется «Form complete» у которой виртуальная страница /tilda/form40447674/submitted/

Цель будет срабатывать при отправке любой форме на сайте

Переходим: в блоке Представления /// Цели /// + Цель

Название: Все формы (можно назвать по разному)

Тип: целевая страница

Переход регулярное выражение .*tilda\/form[^/]+\/submitted\/

Цель: Form complete

Цель будет срабатывать при отправке любой форме на сайте

Тип: целевая страница

Переход регулярное выражение /tilda/form40447674/submitted/

Цели на отслеживания форм в google analytics настроены. Настраивайте цели по аналогии исходя из настроек Вашего сайта.

Посмотреть отчет по целям Вы можете: Весь траффик /// Источник или канал

Настройка целей в яндекс метрике

Смотрим какие страницы передаются в яндекс метрику

Отчеты /// Стандартные отчеты /// Содержание /// Популярное

Переходим к настройки цели

Настройка /// Цели /// Добавить цель

Пропишем название цели

Тип условия: Посещение страниц

url содержит /tilda/form40447674/submitted/ (нужная виртуальная страница, которая срабатывает при отправку формы в tilde)

По аналогии настраивайте цели на своем сайте.

  • shares
  • Facebook
  • Telegram
  • Twitter
  • Google+
  • VKontakte
  • Gmail
  • Mail.ru
Максим
Последние статьи Максим (посмотреть все)
  • Тренд меняющий digital-маркетинг — 16.01.2019
  • Measurement Protocol в Google analytics — 18.06.2018
  • Data Studio. Строим первый отчет. — 11.06.2018

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

Здравствуйте. Посмотрите наше видео по данной статье https://www.youtube.com/watch?v=vEiXvx7Fj2E Скрин исправим. Спасибо.

Добрый день! Вопрос по вашему гайду. Почему в ГА мы используем Регулярные выражения, а в ЯМ URL содержит? В чем принципиальное отличие? (Как я понял, если юзать регулярное выражение то в случае с несколькими формами, когда нужно объединить их в 1 цель, например /tilda/form(111111/submitted/|22222/submitted/|33333/submitted/)
Если так, тогда это нужно было упомянуть об этом в статье, если нет, жду комментариев по такому принципу разбивки.
Надеюсь вопрос понятно изложен

С яндекс метрикой не понятно. У вас указано: создать константу (counterXXXXX) но яндекс метрике 2 не используется такое выражение, а если переключится на старую метрику, то не будет работать вебвизор по заявлениям яндекса.

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

вот такой код можно использовать для яндекс метрики

где 57202423 ваш код счетчика

Добрый день, всё сделал как в статье, но адреса виртуальных страниц не передаются в Analytics. В чём может быть проблема?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *