Отслеживание событий в Google Analytics c помощью Google Tag Manager

Как отслеживать события в Google Analytics c помощью Google Tag Manager

Я часто наблюдаю ситуацию, что пользователи, даже «продвинутые» SEO и спецы по контекстной рекламе, ограничиваются настройкой целей по просмотру конкретной страницы. Еще бы… это просто. Настроить цель просмотренной страницы как правило, не вызывает никаких проблем. Настройка отслеживания событий описана не так прозрачно, как хотелось бы. Давайте устраним эту досадную неприятность и опишем таким образом, чтобы любой начинающий смог разобраться. Но для начала проясним один вопрос.

Зачем вообще отслеживать события, происходящие на сайте?

Вам важно знать, сколько людей кликает по определенной ссылке? Сколько людей жмет на «добавить в корзину»? Или просматривает фото в вашей галерее? Или щелкает по вкладке, на которой вы указали условия доставки?

В этом случае, надо настроить отслеживание. Событие можно передавать в виде цели в Google Analytics либо же в виде события. При этом настройка занимает буквально пару минут и никаких программистов привлекать не потребуется.

В общем виде, очень желательно вешать отслеживание следующих событий в интернет магазине:

  • Клик «Обратного звонка»
  • Клик «В корзину» на разных страницах
  • Клики просмотра фотографий в галерее карточки товара
  • Клики перемещения по вкладкам страницы карточки товара

Если у вас информация распределена по вкладкам, например «Описание», «Характеристики», «Оплата и доставка», «Отзывы» — вы можете отследить, сколько людей переходит по этим вкладкам

  • Клики на различные баннеры
  • Просмотры видео, внедренного на сайте
  • Клики использования фильтра каталога
  • Клики использования поискового механизма
  • Клики на ссылки, разворачивающие дополнительную скрытую информацию
  • Клики на различных элементах навигации

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

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

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

Как настроить отслеживание события в Google Analytics через Google Tag Manager?

Далее я подразумеваю, что аккаунты GTM и Google Analytics у вас уже есть, и код размещен на сайте. Если же нет, то сначала установите. Как это сделать, я описывал в предыдущих статьях.

Предположим, я хочу установить отслеживание по ссылке «Поменять фон» на сайте интернет-магазина.

Первое, что я делаю, настраиваю отслеживание события. В Google Tag Manager жмем «Создать новый тег»

По скриншоту: 1 – ставите свой идентификатор отслеживания UA-XXXXXX-1. На скриншоте у меня он установлен, как {{GA}}, куда подставляется нужный мне идентификатор, который я задал в переменной. Можете задать ее, чтобы далее не вспоминать свой идентификатор. Добавляете переменную, выбираете тип «Константа» и указываете значение своего ID.

Далее 2 – указываете тип – «Событие», 3 и 4 задаете произвольные имена категории и действия события, которые будут передаваться в Google Analytics. В моем случае я указал Категорию «Поменять фон» и Действие «smenit_fon», название которых мне однозначно говорит, что именно это событие значит.

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

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

Чтобы настроить событие, откройте свой сайт в том месте, где имеется та ссылка, по клику на которую вы хотите настроить событие, кликните на этот элемент правой кнопкой и выберите «Просмотреть код». Это справедливо для Chrome,Opera,FireFox

Далее находим этот элемент в коде. Он должен сразу там стоять по умолчанию.

Обратите внимание, у меня ссылка имеет id= btn-picker

Таким образом, все, что мне нужно сделать, это выбрать «Переменная уровня данных»  Click ID и указать, что она содержит (или равна) btn-picker

Если у вас ссылка не имеет id, но имеет уникальный class, то выбираете триггер Click Classes.

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

Если же у ссылки нет своего id и нет class, то и в этом случае вы можете настроить событие, надо только выбрать – Click Text и указать, что он равен тому, что написано в ссылке.

Вот, как это реализовано на том же моем сайте

У ссылки нет никаких атрибутов, но я указал, что при клике на ссылку с таким текстом, триггер активируется. Вот оригинал кнопки:

После создания нового триггера необходимо опубликовать изменения, которые вы проделали. На рабочем столе, странице, куда вы попадаете при входе в аккаунт сайта в Google Tag Manager появится красная кнопка «Опубликовать»

Жмем и проходим процесс с помощью далее. Рекомендую перед каждой публикацией делать комментарий, что именно вы установили.

Итак, после того, как вы все это проделали, на следующий день в Гугл Аналитикс появятся следующие отчеты (если события все же наступили)

Находится это в разделе «Поведение»-«События» и там начнут отображаться те события, что вы настроили. Уникальные события – это число в рамках одной сессии. По сути, отображает число посетителей, которые это событие активировали.

Далее. Если вы хотели просто настроить событие на отслеживание, то на этом все – смотрим, наслаждаемся, анализируем.

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

Заходим в настройку целей в Google Analytics, выбираем «Добавить цель»  и гордо устанавливаем тип цели «Событие»

В подробных сведениях о цели указываете именно те же Категорию и Действие, которое вы дали в GTM при настройке отслеживания события. Обратите внимание на скриншот ниже – там те же значения

т цель с событием, которое настроено в Google Tag Manager.

Ну что, не так все сложно? Если сложно понять, пишите комменты или обращайтесь за консультацией – помогу.

 

Установка кода счетчика Google Analytics и Яндекс Метрики с помощью Google Tag Manager

После того, как вы решили воспользоваться плюсами Google Tag Manager и установили его, как это описано в предыдущем посте, самое время использовать его по назначению. Давайте посмотрим, как подключить счетчики отслеживания Яндекс Метрика и Google Analytics. Сделать это несложно.

Подключение счетчика Google с помощью GTM

Заходите в панель Google Tag Manager и жмите «Создать новый тег»

Установка кода счетчика Google Analytics и Яндекс Метрики с помощью Google Tag Manager

В качестве конфигурации тега выбирайте Universal Analytics Google Analytics

Далее надо только указать свой идентификатор отслеживания. Его надо поставить сюда

Его можно найти в своем аккаунте Гугл Аналитикс https://analytics.google.com/analytics/web/

Выглядит это так

Именно этот идентификатор вставляйте в конфигурацию тега.

Далее остается только указать, когда этот тег будет работать. Поскольку это счетчик, то он должен работать на любой странице, поэтому в качестве триггера активации выбираем «All pages».

В этом случае даже не надо устанавливать никакого дополнительного кода, т.к. GTM по идентификатору, который вы указали, будет корректно передавать данные в ваш аккаунт GA.

Подключение кода Яндекс Метрики через Google Tag Manager

 Обратите внимание, что подключение любого другого скрипта, который вы хотите выполнять на всех страницах – полностью аналогично тому, что я сейчас опишу для Yandex Metrika. В любом случае, при подключении онлайн консультантов, кодов ретаргетинга и т.п. вам просто будет предложен некий код, который надо внедрить на сайт. Далее мы рассмотрим, как это сделать с помощью Google Tag Manager.

Получите код счетчика в системе Яндекс Метрика. Это вы можете сделать со страницы списка своих счетчиков — https://metrika.yandex.ru/list/

Заходите в настройки

 

Там переходите в подменю «Код счетчика» и копируйте код, который указан стрелкой в буфер обмена. Теперь у вас есть все, что нужно для установки кода.

 

Возвращайтесь в нужный аккаунт на https://tagmanager.google.com и выбирайте «Создать новый тег». В этот раз, в качестве конфигурации, выбирайте «Пользовательский HTML»

И просто вставляйте код, который у вас в буфере обмена сюда

В качестве тригера выбираем All pages

После создания нового триггера необходимо опубликовать изменения, которые вы проделали. На рабочем столе, странице, куда вы попадаете при входе в аккаунт сайта в Google Tag Manager появится красная кнопка «Опубликовать»

Жмем и проходим процесс с помощью далее. Рекомендую перед каждой публикацией делать комментарий, что именно вы установили.

Google Tag Manager

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

Все вокруг знают, что GA – это реальный «самолет», который обладает кучей возможностей. Однако, мало кто умеет использовать его хотя бы на 5% его возможностей. В результате этого прискорбного факта, в большинстве своем, этот счетчик просто тупо служит своему владельцу, чтобы показать общий трафик и его изменение со временем. С этой задачей справится любой счетчик.

Зачем нужен Google Tag Manager?

Одна из задач, которую решает GTM – это возможность размещать в коде сайте только 1 код GTM вместо того, чтобы навешивать кучу разных скриптов в шаблоне. Типичный современный сайт сейчас может иметь кучу необходимых вставок: код счетчика отслеживания, код персонального консультанта, код подмены телефона, код всплывающего окна на определенных страницах, код сбора базы ретаргетинга, коды социальных комментариев и многие другие.

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

О, да. Это и есть одна из задач, которую вы сможете решить с помощью кода GTM.

Установка кода Google Tag Manager на сайт

Я не буду описывать процесс регистрации. Он стандартный для любого сервиса Google. На странице https://tagmanager.google.com вам предложат либо зайти под существующей текущей записью, либо зарегистрироваться. Уверен, что с этой задачей вы вполне можете справиться.

После авторизации, на указанной мной странице надо создать аккаунт системыGoogle Tag Manager - добавить аккаунт

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

После этого вам предложат принять условия пользовательского соглашения и далее вы увидите такое окно.

Google Tag Manager - код вставки на сайт

Этот код надо будет поставить на сайт в шаблон после открытия кода head и body. Если вы разбираетесь в html, то без сможете внедрить в шаблон своего сайта в нужное место самостоятельно. Если же нет, то привлеките программиста, который выполнит эту установку для вас. Далее, вы сможете с помощью этого кода внедрять на сайт различные скрипты самостоятельно.

Как установить код Google Tag Manager на сайт на примере сайта WordPress

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

Заходите в админку своего сайта и найдите там редактор текущего шаблона

Затем найдите в списке подключаемых шаблонов имя header.php

Вставьте часть кода после

И аналогично после кода

Жмите «Обновить файл» и все – вы теперь счастливый обладатель кода GTM у себя на сайте. Теперь самое время сделать с ним что-то хорошее.

Карта поведения в Google Analytics

Решил сегодня рассказать об одном из преимуществ счетчика Google Analytics – карте поведения. Карта поведения — это замечательный и совершенно уникальный на сегодняшний день, отчет системы статистики GA, который позволяет очень быстро и эффективно обнаруживать проблемные страницы на сайте.

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

Чтобы понять, какие страницы являются помощниками, а какие вредителями, было бы чудесно иметь инструмент, который наглядно показывал трафик который «течет» по вашему сайту. Причем так, чтобы было сразу очевидно, какая часть людей проходит дальше, а какая отскакивает. А еще было бы здорово, чтобы можно было посмотреть эти потоки для разных сегментов людей. Например, только для посетителей из Москвы, или для женщин, или для людей, которые интересовались каким-то определенным разделом… И этот инструмент существует и реализован в лучшем виде в Гугл Аналитикс – называется он «Карта поведения пользователей». Давайте посмотрим на него в действии.

Карта поведения Google Anallytics

На рисунке выше показан общий вид карты. Если навести на любой узел, вы сразу увидите, какое количество людей проходит дальше, а какое «отскакивает». Для сайта есть какое-то нормальное значение этих «отскоков». Если значение таких отскоков очень сильно выбивается от среднего, то вы можете определить, какие именно страницы в этом узле являются причиной высокого количества отказов пользователей.

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

Алгоритм решения проблемы следующий

А) Из этого отчета я могу выцепить не только страницы входа, с которых активно отскакивают люди, но и конкретную группу объявлений, используемую в своей кампании Адвордс или Яндекс Директ.  Вот они

Конечно, для начала необходимо было проставить UTM метки в своих рекламных кампаниях. Насколько мне известно, сейчас уже мало кто их не использует.

Б) Далее надо зайти на сами эти страницы и убедиться, что данные, которые на них представлены отображаются корректно, сами эти страницы доступны с любых устройств и никаких общих ошибок нет.

В) Заходим в группы объявлений и проверяем поисковые фразы, по которым заходили люди. Скорее всего, найдется много нецелевых фраз, которые вы сможете безжалостно добавить к списку минус слов.

Также проверяем сами объявления, прикидываем, что люди, которые набирали эти фразы и видели такое объявление, ожидали получить на сайте. Если же все это проделано, и ключи вроде нормальные, то ищем другие причины. Это может быть бедный ассортимент товаров, если у Вас магазин, высокая цена услуги или невозможность найти какую-то информацию сходу (хотя это редко бывает причиной очень высокого показателя прерываний сеанса)

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

Обязательно проверяйте по карте поведения различные сегменты своих посетителей: все посетители, посетители из средств платной рекламы (по каждому источнику отдельно), посетители из органической выдачи, лояльная аудитория (кто уже заходил не один раз), только новые посетители, только новые посетители из какого-то определенного источника и т.п. Только сегментирование позволяет выяснить, что именно происходит на конкретной странице. Ведь ваша цель – это повышение конверсии. А это значит, что вы должны найти конкретную причину проблемы на сайте и выполнить конкретное действие. Если оказалось, что на странице «едет» верстка – подправить ее. Если вдруг выяснилось, что товары, которые должны туда попадать – почему-то не попадают – устраните проблему. После этого можно будет наслаждаться повышением конверсии и снижением уровня отказов в этом конкретном сегменте.

Сам отчет карты поведения находится в разделе «Поведение»-«Карта поведения»

Видео с использованием карты поведения (пока без звука — чуть позднее поставлю озвучку)