Подключение Google Tag Manager
- Размещаете у себя на сайте или в мобильном приложении код контейнера 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
Данный способ не является истинной в последней инстанции как наиболее верный.
Установка GTM на Tilda
- Надо уже иметь аккаунт \ почту на Google (типа @gmail.com)
- Из под этого аккаунта \ почты идём на https://tagmanager.google.com/
- Нажимаем Создать аккаунт
Далее принимаем Условия использования Google Менеджера тегов.
Наконец-то попадаем в рабочую область и тут же всплывает окно. Нам там нужен только номер (ID) .
Копируем и идём в Тильду – Редактировать сайт – Настройки сайта – Аналитика
Вставляем сюда ID, нажимаем Сохранить изменения.
Поздравляю, вы установили Google Tag Manager на свой сайт.
Настройка переменных в Google Tag Manager
Далее идём в Рабочую область – Переменные – Настроить
Нажимаем все галочки в разделе Клики, самое главное в этом случае – это Click Element .
Настройка триггеров на клик по номеру
Потом Рабочая область – Триггеры – Создать
Вот тут вот самая собака зарыта. Выбираем
- Тип триггера – Клик – Все элементы
- Условия активация – переставляем на Некоторые клики
- Выбираем из выпадающего списка ранее добавленную нами переменную Click Element
- Содержит
- Ставим значение HTMLSpanElement
Не спрашивайте, почему именно так, опытным путём конкретно в этом сайт клик по номерам характеризуется данным элементом HTML
Не забываем сохранять.
Настройка Тегов для данных по цели
Переходим Рабочая область – Теги – Создать
Передача и проверка Яндекс Метрика
- Выбираем Тип тега – Пользовательский тег HTML
- Далее вставляем Код цели для сайта между <script> вот сюда </script> (выглядит типа ym(87246229,’reachGoal’,’ORDER’)
- Если не знаете где взять код для предыдущего шага – читайте тут https://kdubonosov.ru/google-tag-manager/#nastroyka-tseley-yandeks-metrika-cherez-google
- Сохраняем
Нажмите Отправить в правом верхнем углу рабочей области и считайте, что цель установлена.
По пути может попросить указать версию. Самое главное, чтобы данные были отправлены.
Проверка работы цели
Осуществяется одним из следующих способов:
- Так как указано здесь https://kdubonosov.ru/google-tag-manager/#kak-proverit-rabotayut-li-tseli-metriki-na (с использование такой конструкции адресвашегосайта.рф/?_ym_debug=1 )
- Через Предварительный просмотр
Коротко опишу механизм, который со временем вожет стать неактуальным, так как всё постоянно зачем-то меняется.
Вы указываете адрес сайта в открывшемся окне и нажимаете 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
- Telegram
- 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. В чём может быть проблема?