Как посчитать достигнутые цели для посадочных страниц в Google Analytics и Яндекс.Метрика

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

Однако не все так просто как может показаться. Давайте разбираться почему.

Оглавление

  1. Задача
  2. Почему подойдут не все отчеты
  3. Решение в Google Analytics
  4. Решение в Яндекс.Метрика
  5. Параметры настройки
  6. Как анализировать данные?
  7. Остались вопросы?

Задача

Предположим, что перед вами стоит задача — рассчитать эффективность проводимого контент-маркетинга компании и посчитать количество  взаимодействий с формой отправки заявки для каждой страницы блога за последний квартал.

Почему подойдут не все отчеты

Попробуем разобраться на примере Google Analytics.

Стандартный отчет в Google Analytics Поведение -> Контент сайта -> Страницы входа нам не подойдет, так как показывает данные по страницам с которых пользователь начал посещение сайта и совершил конверсию.

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

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

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

Почитать подробнее про хиты и сессии можно в этой статье.

Другими словами, конверсия по мнению Google Analytics не может измеряться для страницы, так как она считается для всей сессии пользователя в целом.

Добавлю, что аналогичные отчеты представлены и в Яндекс.Метрике (Отчеты -> Содержание -> Популярные и Отчеты -> Содержание -> Страницы входа), однако решить поставленную задачу с их помощью не получится, увы.

Решение в Google Analytics

В качестве самого подходящего отчета в GA можно выбрать Конверсии -> Цели -> URL целей. Именно здесь можно посмотреть список конкретных страниц, на которых были совершены целевые действия за выбранный вами период.

Отчет URL-страницы в Google Analytics

Выберите нужную из списка цель для анализа и укажите период формирования отчета. Далее в таблице в столбце «Местоположение достигнутой цели» вы увидите целевую страницу с количеством достигнутых целей.

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

Решение в Яндекс.Метрика

С Яндекс.Метрикой ситуация обстоит немного иначе, нам придется использовать код вызова метода reachGoal и внести некоторые изменения ручками в исходный код сайта.

Для начала нужно понимать как устроена работа браузера.

Каждый браузер посетителя знает и хранит в параметре document.location.href информацию о том, на какой странице в данный момент находится посетитель, поэтому мы можем эту информацию получить и передать в Метрику с помощью параметров визитов.

Для этого нужно создать одну общую JavaScript-цель, а URL-адреса, на которых была эта цель достигнута, передавать в Метрику как параметры визита в момент достижения JavaScript-цели с помощью метода reachGoal:

yaCounterXXXXXX.reachGoal('ORDER', {URL: document.location.href})

Здесь, XXXXXX — номер вашего счетчика, ORDER — идентификатор вашей JavaScript-цели, URL — параметр визита 1 уровня, document.location.href — параметр визита 2 уровня.

Довольно подробно весь процесс настройки описан в клубе Яндекс.Метрики.

Параметры настройки

Пользователь попал на страницу site.ru/contacts, и браузер посетителя записал в параметр document.location.href адрес фактического нахождения (то есть site.ru/contacts). В момент достижения JavaScript-цели (например, отправил форму заказа) в Метрику передаются два уровня параметров визитов:

  1. URL — в первом уровне мы передаем информацию о том, что содержат данные параметры визитов. Назовем этот параметр URL, чтобы отобразить,что в этом дереве параметров содержатся URL-адреса. URL — произвольное название параметра, можно назвать его иначе (url-адрес, юрл-адрес и так далее).
  2. document.location.href — url-адрес страницы, на которой находился посетитель в момент достижения цели (будет получена из параметра браузера document.location.href).

Как анализировать данные

Например, в стандартном отчете Отчеты -> Содержание -> Параметры визитов выполните сегментацию по достижению цели «Order».

Сегментация в отчете по выполненной цели

После этого в отчете останутся только те визиты, в которых была достигнута цель «Order». Увидеть количество отправленных заявок с конкретной страницы можно в правой части таблицы в метрике «Количество параметров визитов», а слева, в группировках — URL-адреса страниц, на которых эти заявки были отправлены.

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

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

Остались вопросы?

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

Как отслеживать клики по кнопке с помощью Google Tag Manager

В этой статье мы разберем принципы настройки Google Tag Manager для передачи события в Яндекс.Метрику и Google Analytics при взаимодействии с кнопкой на сайте.

Оглавление

Применение

Кнопки на сайте являются ключевым конверсионным элементом любой веб-страницы. Не имеет никакого значения, какие действия пользователи выполняли, так как в 99,8% случаях посетители вынуждены взаимодействовать с кнопками.

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

В этой статье мы настроим GTM и научимся передавать события в системы веб-аналитики при контакте посетителя сайта с формами и кнопками в них.

Как настроить отслеживание кликов по ссылкам и отдельным элементам в Google Tag Manager читайте здесь.

Предлагаю все рассмотреть на реальном примере.

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

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

Обо всем по порядку.

Шаг 1: Определяем Class или Id элемента

В самом начале нужно определить уникальные атрибуты class или id выбранной кнопки, взаимодействие с которой нужно отслеживать.

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

Переходим на страницу с формой подписки и вызываем стандартную функцию просмотра кода в Google Chrome (Ctrl + Shift + I) и наводим курсор на кнопку.

Атрибут ID для кнопки формы подписки

В моем случае код кнопки отправки формы с контактными данными пользователя имеет следующий вид:

<input type="submit" value="Подписаться" name="subscribe" id="mc-embedded-subscribe" class="button">

Для дальнейшего отслеживания взаимодействия с кнопкой запоминаем id-элемент "mc-embedded-subscribe". Именно он нам и пригодится в последующей настройке.

К любому тегу одновременно можно добавить несколько классов, перечисляя их в атрибуте class через пробел. А вот атрибут id является уникальным именем элемента, который в коде документа должен быть в единственном экземпляре, иными словами, встречаться только один раз.

Добавлю, что в вашем конкретном случае код для кнопки будет другим, кнопка может содержать в себе как id, так и class, который вам потребуется использовать в настройке.

Шаг 2: Активация переменной

Уникальный идентификатор кнопки мы определили, теперь самое время перейти в интерфейс Google Tag Manager.

  1. Переходим в аккаунт Google Tag Manager и выбираем нужный контейнер;
  2. Открываем раздел меню Переменные и нажимаем на кнопку Настроить;
  3. В блоке Клики рекомендую сразу активировать поля Click Classes и
    Click ID.

Подключение переменных Click Classes и Click ID

Важно! В нашем примере мы используем тип переменной Click ID, так как в коде кнопки используется атрибут id. Повторюсь, что в вашем случае может быть атрибут class, в таком случае для отслеживания потребуется использовать переменную Click Classes.

Шаг 3: Настройка триггера

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

  1. Переходим в раздел меню Триггеры;
  2. Создаем новый триггер с типом Клик – Все элементы;
  3. Выбираем условия активации триггера — Некоторые клики;
  4. Указываем условие Click ID (идентификатор клика) содержит mc-embedded-subscribe;

Настройка триггера Все элементы

Теперь триггер будет активироваться при клики на элемент с идентификатором mc-embedded-subscribe. А это нам как раз и нужно!

Сохраняем и переходим к следующему этапу настройки.

Шаг 4: Передача события в Google Analytics

Для каждой системы веб-аналитики потребуется создать свой уникальный тег в Google Tag Manager. Создаем и настраиваем теги, которые будут передавать события при активации триггера по заданным условиям в системы Google Analytics и Яндекс.Метрика.

Начнем с Google Analytics, пожалуй.

  1. Переходим в раздел меню Теги и нажимаем Создать;
  2. Выбираем тип триггера Google Аналитика — Universal Analytics;
  3. В поле Тип отслеживания выбираем Событие;
  4. Указываем в свободной форме поля Категория и Действие;
  5. В поле Настройки Google Analytics добавляем переменную с идентификатором отслеживания Google Analytics;
  6. В нижнем блоке триггеры добавляем ранее созданные нами триггер с типом Все элементы.
Как создать переменную c идентификатором отслеживания Google Analytics в Google Tag Manager можно почитать здесь.

На выходе получаем следующую настройку тега для Google Analytics.

Создание нового тега для Google Analytics

В нижнем блоке Триггеры добавляем ранее созданные нами триггер для активации тега:

Триггер Все элементы

Готово! Нажимаем Сохранить и проверяем корректность настроек, используя режим Предварительного просмотра.

Не забываем создать новую цель с типом Событие в Google Analytics вашего представления с указанием Категории и Действия, указанного ранее в созданном теги.

Настройки цели в Google Analytics

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

С Google Analytics разобрались, теперь разберем настройку для системы Яндекс.Метрика.

Шаг 5: Передача события в Яндекс.Метрику

Для Метрики все по аналогии с предыдущим примером, но выбираем другой тип тега.

  1. Переходим в раздел меню Теги и создаем новый;
  2. Выбираем тип тега — Пользовательский HTML;
  3. В пустую область вставляем специальный код, который будет отправлять данные в Метрику;

<script>
yaCounterXXXXXXX.reachGoal('subscribe_done');
</script>

Здесь, XXXXXXX — номер вашего счетчика, а subscribe_done — название идентификатора цели, которое указывается в свободной форме.

Настройка тега для Яндекс.Метрики

В нижнем блоке Триггеры выбираем созданный ранее триггер для активации тега.

Также не забываем создать цель в Яндекс.Метрике:

  1. Войдите в Метрику и выберите из списка нужный счетчик;
  2. Выберите меню Настройки и перейдите во вкладку Цели;
  3. Нажмите на кнопку Добавить цель и выберите тип Java-Script событие;
  4. Укажите понятное название для создаваемой цели;
  5. В поле идентификатор цели укажите название (в нашем случае указываем subscribe_done);
  6. Cохраните настройки.

Настройка цели в Яндекс.Метрики

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

Отлично! Мы разобрали с вами принципы и последовательность действий по настройке GTM и научились передавать события в системы аналитики. Очень рад, если изложенный материал упростил вам настройку и сэкономил время.

Не разобрались?

Не получилось настроить по инструкции или заметили ошибку, то пишите на почту info@konstantinbulgakov.com. Также можно оставлять комментарии в специальной форме ниже.

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

Как настроить передачу скроллинга страницы с помощью Google Tag Manager

В одном из предыдущих материалов мы подробно разобрали принцип работы триггера Доступность элемента — он позволяет отправлять событие в Google Analytics при видимости определенного элемента страницы пользователем.

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

В этой статье мы поговорим про настройку другого события, которое также имеет отношение к анализу взаимодействия и вовлёченности пользователя в контент веб-сайта — настройка глубины скроллинга страницы с помощью Google Tag Manager.

Оглавление

Применение

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

Приведу несколько конкретных примеров из практики.

  • Для авторов новостных порталов и блогов, согласованными KPI могут являться не только количество просмотров опубликованной статьи, но и вовлечённость в контент — прочтение на 50% и более.
  • Для интернет-магазинов и лендингов, можно настроить дополнительно ремаркетинг, так как посетители, которые прокручивали страницу до конца, могут представлять для нас наибольшую ценность.
  • Такая гипотеза наводит нас на мысль, что можно создать дополнительный сегмент по пользователям прокручивающим посадочную страницу с рекламным сообщением до конца, а далее задать настройки ремаркетинга с уникальным продающим предложением на эту группу.
  • Для контекстных рекламных кампаний можно на такие группы пользователей установить повышающие корректировки ставок.

Я думаю, что теперь суть задачи ясна и понятна. Приступаем к реализации!

Шаг 1: Настройка переменной

Для начала нам необходимо активировать переменную в Google Tag Manager.

  1. Входим в аккаунт в Google Tag Manager и открываем нужный нам контейнер;
  2. Переходим в раздел Переменные и нажимаем кнопку Настроить;
  3. Далее активируем встроенную переменную Scroll Depth Threshold.

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

Настройка переменной Scroll Depth Threshold

Готово! Теперь нам потребуется создать дополнительный триггер.

Шаг 2: Настройка триггера

  1. Переходим в раздел Триггеры и нажимаем на кнопку Создать;
  2. В блоге Взаимодействие пользователей выбираем триггер Глубина прокрутки;
  3. Устанавливаем галочку напротив Глубина вертикальной прокрутки;
  4. Далее указываем через запятую значение глубины прокрутки страницы в процентах для которых будет регистрироваться событие;
  5. В своем примере я укажу пороговые значения 75 и 100%;
  6. В блоке Условия активации триггера оставляем Все страницы.

Настройка триггера Глубина прокрутки

Важно! Если указанная глубина прокрутки входит в область просмотра при загрузке страницы, триггер срабатывает без прокручивания. Обратите внимание, что триггер активирует тег только один раз для каждого порогового значения на странице.

Другими словами, если вы прокрутили страницу вниз до 75%, а потом вернулись в самое начало, а далее вновь прокрутили вниз, но уже до самого конца, то GTM передаст событие со значением 75%. Этот нюанс важно учитывать про анализе данных.

Шаг 3: Передача события в Google Analytics

С настройкой триггера разобрались. Теперь приступаем к созданию тегов и передачи события в аналитические системы. Начнем с Google Analytics!

  1. Переходим в раздел меню Теги и нажимаем Создать;
  2. Выбираем тип триггера Google Аналитика — Universal Analytics;
  3. В поле Тип отслеживания выбираем Событие;
  4. Заполняем в свободной форме латинскими символами поле Категория, а в поле Действие добавляем созданную переменную уровня данных Scroll Depth Threshold;
  5. В поле Настройки Google Analytics добавляем переменную с идентификатором отслеживания Google Analytics.

Как создать переменную c идентификатором отслеживания Google Analytics в Google Tag Manager можно почитать в этой статье.

В результате получаем следующие настройки:

Создание тега отслеживания стролла для GA

В нижнем блоке триггеры добавляем ранее созданные нами триггер для активации тега;

Привязка триггера для тега GA

Нажимаем Сохранить и проверяем корректность настроек, используя режим Предварительного просмотра.

Где посмотреть статистику в Google Analytics

Отчеты по событиям в Google Analytics можно посмотреть здесь:

  1. Войдите в аккаунт Google Analytics;
  2. Выберите нужное представление;
  3. Откройте отчеты Поведение > События.

Также можно проверить результат настройки передачи с помощью Отчет в режиме реального времени. Если все настроено корректно, то вы увидите примерно такую картину:

Событие в отчете в реальном времени

С Google Analytics разобрались, теперь разберем настройку для Яндекс.Метрики.

Шаг 4: Передача события в Яндекс.Метрику

Делаем все по аналогии с предыдущим примером, но выбираем другой тип тега.

  1. Переходим в раздел меню Теги и создаем новый;
  2. Выбираем тип тега — Пользовательский HTML;
  3. В пустую область вставляем специальный код, который будет отправлять данные в Метрику;

<script>yaCounterXXXXXXX.reachGoal('{{Scroll Depth Threshold}}');</script>

Здесь, XXXXXXX — номер счетчика, а {{Scroll Depth Threshold}} — созданная ранее переменная.

Код для передачи события в Яндекс.Метрику

В нижнем блоке Триггеры выбираем доступным нам триггер для активации тега.

Где посмотреть статистику в Яндекс.Метрике

Для получения данных в Метрике нам потребуется произвести некоторые дополнительные настройки.

  1. Войдите в Метрику и выберите из списка нужный счетчик;
  2. Выберите меню Настройки и перейдите в Цели;
  3. Нажмите на кнопку Добавить цель и выберите Java-Script событие;
  4. Укажите понятное название для создаваемой цели;
  5. В поле идентификатор укажите значение скроллинга;
  6. Сохраняем цель.

Создание новой цели в Метрике

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

Отчет по конверсиям

Готово! Мы настроили передачу событий в Google Analytics и Яндекс.Метрику при достижение пользователем пороговых значений вертикального скроллинга страницы.

Не помогла статья?

Друзья, надеюсь, что инструкция в материале была полезна для вас и всё получилось настроить корректно. Однако, если удалось не все или заметили ошибку, то пишите на почту info@konstantinbulgakov.com. Также можно оставлять комментарии в специальной форме ниже.

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

Как создать дашборд Google Data Studio с помощью Google Диска

Google Data Studio — превосходный инструмент для визуализации данных из множества различных источников. Начать работу с ним можно просто перейдя по ссылке или выбрав в интерфейсе Google Analytics требуемую иконку.

Google Data Studia на панели Google Analytics

Однако, не так давно заметил, что теперь можно создавать пустой холст для новеньких дашбордов Студии Данных прямо в Google Диске.

Выполните всего несколько простых действий:

  1. Откройте ваш Google Диск;
  2. Нажмите на кнопку в верхнем левом углу «Создать»;
  3. Выберите Google Data Studio из меню «Еще».
  4. Выберите из предложенного списка источник данных;
  5. Укажите название для нового дашборда.

Создание GDS в Google Диск

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

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

Как в Яндекс.Метрике импортировать данные отчетов из таблиц и графиков в Excel

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

Например, стандартная функция экспорта в Метрике, позволяет выгружать:

1. Данные из графика. Выгружаются в документ параметры и показатели на основе которых формируется график отчета за выбранные период.

Данные в графике

2. Данные из таблицы. В документ переносится данные из таблицы отчета по выделенным полям с сохранением показателей и метрик.

Данные в таблице

Давайте разберем на примере все возможности выгрузки данных в .XLSX и .CSV.

Решения

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

Как это реализовать?

Стандартными отчетами в интерфейсе Метрики получить такие данные не получиться.

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

Данные из графика в сплывающем окне

Именно для таких случаев нужна выгрузка значений из графика и таблицы.

1. Переходим в нужный отчёт и указываем временной интервал;
2. Далее выбираем вывод данных по месяцам;

Настройка вывода данных в отчете

3. Указываем галочками в таблице ниже требуемые параметры, а напротив ненужных полей — снимаем галочки. В нашем примере отмечаем только поисковые системы Яндекс и Google;

Данные по поисковым системам Яндекс и Google

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

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

Выгрузка данных по трафику в файл по месяцам

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

Однако, Яндекс.Метрика позволяет выгружать данные не только из графика, но и из таблицы.

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

Импорт данных из таблицы

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

Поздравляю! Теперь с этими данными удобно работать: строить на их основе графики и диаграммы, составлять сводные таблицы и отчёты, добавлять в презентацию и пересылать клиентам!

Остались вопросы?

Мы решили довольно простую задачу, но если у вас остались вопросы, то оставляйте ваши комментарии в форме ниже под этой записью и не забывайте подписываться на новые инструменты и статьи блога!