Как передать цель из Google Tag Manager в Яндекс.Метрику

Google Tag Manager довольно мощно интегрирован с Google Analytics (оно и логично). Однако, вебмастеру или маркетологу может потребоваться передать данные о действиях пользователей в другие системы аналитики.

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

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

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

Чтобы событие из GTM успешно передалось в Метрику, первым делом нам необходимо создать новую цель в интерфейсе счетчика.

  1. Переходим в Яндекс.Метрику и находим в общем списке нужный счетчик;
  2. В разделе Настройки открываем вкладку Цели;
  3. Нажимаем на кнопку Добавить цель и указываем тип условия JavaScript-событие;
  4. Указываем на латинице произвольный идентификатор цели;
  5. Жмем на кнопку Добавить цель.

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

Цель создана. Но это только половина работы. Переходим ко второму шагу.

Как установить код счетчика Яндекс.Метрики на сайт с помощью Google Tag Manager читайте здесь.

Передача цели из Google Tag Manager

Для передачи данных о событиях из Google Tag Manager необходимо создать Пользовательский HTML тег и в текстовом поле вставить следующий javascript-код:

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

где: XXXXXXX — номер счетчика Яндекс.Метрики; click_subscribe — название идентификатора цели. Например, тег для отслеживания отправки клика по ссылке будет иметь такой вид:

Код отправки события в Метрику

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

Как настроить отслеживание кликов по внутренним ссылкам в GTM читайте в статье.

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

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

Как настроить показатель отказов для Google Analytics

Друзья, здравствуйте! Все мы знаем, что Google Analytics считает показатель отказов немного иначе, чем Яндекс.Метрика.

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

Напомню, что Яндекс.Метрика считает отказом посещение, в рамках которого пользователь просмотрел всего одну страницу и затратил на это менее 15 секунд. Следовательно, в Google Analytics показатель отказов по сайту всегда выше, чем в Яндекс.Метрике.

Отказ в Яндекс.Метрика = просмотр менее 15 секунд.
Отказ в Google Analytics = просмотр только одной страницы.

Изменить принцип подсчета показателя отказов для Google Analytics можно двумя способами:

1. Добавлением дополнительного фрагмента в код счетчика на сайт;
2. Использованием Google Tag Manager с настройкой тега и триггера «Таймер».

В этой статье мы рассмотрим оба способа.

Изменение кода отслеживания

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

  • Global Site Tag;
  • Universal Analytics.

Найдите код отслеживания прямо на сайте или в Администрирование -> Ресурс -> Отслеживание -> Код отслеживания.

Если в коде вы обнаружили строчку из примера ниже, ,то у вас используется библиотека gtag.js.

function gtag(){dataLayer.push(arguments);}

Если в коде встретился фрагмент следующего кода, то вы используете Unuversal Analytics с библиотекой analytics.js.

ga('send', 'pageview')

Также определить тип кода отслеживания можно с помощью специального расширения Google Tag Assistant для браузера Google Chrome. Установить расширение можно по ссылке.

В правом верхнем углу отобразится иконка Google Tag Assistant. Нажмите на нее и активируйте расширение, далее обновите страницу сайта. Вы увидите установленные теги и их тип.

Настройка кода отслеживания для Universal Analytics

В случае с analytics.js добавляем строчки:

 setTimeout(function(){
 ga('send', 'event', 'Посещение без отказа', 'Сеанс без отказов', location.pathname);
 }, 15000);

в код отслеживания:

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
  
  ga('create', 'UA-XXXXXXXXX', 'auto');
  ga('send', 'pageview');

 setTimeout(function(){
 ga('send', 'event', 'Посещение без отказа', 'Сеанс без отказов', location.pathname);
 }, 15000);

</script>

Где 15000 мс будет равно 15 секундам, после которых в GA будет отправлено новое событие. Вы можете изменить это значение по собственному желанию.

Настройка кода отслеживания для Global Site Tag

Если у вас установлена библиотека gtag.js, тогда строчки кода

 setTimeout(function(){
     gtag('event', location.pathname, {
     'event_category': 'Посещение без отказа',
  });
 }, 15000);

необходимо добавить в код отслеживания:

<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXXXXX');

 setTimeout(function(){
     gtag('event', location.pathname, {
     'event_category': 'Посещение без отказа',
  });
 }, 15000);
</script>

Теперь после перехода пользователя на сайт, через 15 секунд код будет отдавать событие в Google Analytics.

По принципу предыдущего примера — 15000 мс можно изменить и указать собственное значение.

Не забываем поменять UA-XXXXXXXX в примере на свой номер идентификатора. Найти номер можно в разделе Администрирование -> Настройки ресурса -> Настройки ресурса.

Настройка через Google Tag Manager

В примере с Google Tag Manager нам не придется вносить изменения в код отслеживания. Однако, на вашем сайте должен быть установлен и настроен GTM для передачи событий в Google Analytics. Об этом ранее я рассказывал здесь.

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

  1. Переходим в аккаунт Google Tag Manager и открываем необходимый для работы контейнер;
  2. Открываем раздел Триггеры в левом меню и создаем новый триггер;
  3. Выбираем тип триггера «Таймер».

Создание триггера типа Таймер

Далее настраиваем созданный триггер.

  1. Поле Имя события оставляем по умолчанию;
  2. В поле Интервал указываем время отправки события. В нашем случае задаем значение 15000 мс, что равняется 15 секундам;
  3. В поле Ограничение устанавливаем «1», что соответствует количеству отправок события за сессию пользователя;
  4. В условиях выполнения триггера настраиваем на всех страницах сайта. Сценарий будет таким: Page URL - содержит - имя вашего домена;
  5. Условия активации триггера оставляем без изменений.
  6. Указываем понятное название для триггера и сохраняем.

Настройки получатся такими:

Настройка триггера Таймер

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

  1. В левом меню выбираем пункт Теги и создаем новый тег;
  2. Из списка выбираем тип тега Google Аналитика – Universal Analytics;
  3. В поле Тип отслеживания выбираем Событие;
  4. В поле Категория добавляем time_bounce_rate;
  5. В поле Действие вписываем 15_sec;
  6. В поле Настройки Google Analytics указываем переменную с идентификатором отслеживания.
  7. В поле триггер выбираем ранее созданный триггер с таймером и сохраняем.

Настройка тега таймер

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

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

Как проверить корректность передачи данных

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

Отслеживание события в Режиме реального времени

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

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

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

Как создать отчет посещаемости по времени суток в Google Data Studio

Добрый день! В прошлой статье мы создали отчет по дням недели в Google Data Studio. А сегодня разберем формирование отчета по времени суток в Google Data Studio с выгрузкой данных из Google Analytics.

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

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

Столбчетая диаграмма

Указываем параметры и добавляем показатели:

  1. Параметр = Час (Hour);
  2. Показатель = Пользователи (Users).

Параметры данных

И настраиваем сортировку данных:

Сортировка = Час (Hour) по возрастанию.

Сортировка данных

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

Число столбцов вывода данных

Диаграмма будет отображать посещаемость по времени суток опираясь на данные собранные за последние 28 дней (без учета сегодняшнего дня):

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

Пользовательское назначение дат

Или добавить к отчету новый элемент из панели Диапазон дат Элемент Диапазон дат и укажите место в отчете, куда хотите добавить фильтр по дате.

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

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

Друзья, принимайте участие в жизни проекта. Задавайте вопросы и делитесь этим материалом с коллегами по цеху! До связи!

Как создать отчет посещаемости по дням недели в Google Data Studio

Всем привет! В этой статье мы научимся создавать отчет по дням недели в Google Data Studio с выгрузкой данных из Google Analytics.

Как загрузить данные в Google Data Studio

Перед тем как начать работу, нам необходимо передать данные из Google Analytics в Google Data Studio.

В основном меню выбираем Источники данных и нажимаем на плюс. Далее выбираем из предложенного списка источник данных. В нашем случае это будет Google Analytics.

Подключение GA к GDS

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

Далее выбираем нужным нам аккаунт, определяем ресурс и представление. Готово! Связь установлена.

Построение отчета по дням недели

В верхней панели выбираем Добавить диаграмму и в блоке Гистограмма выбираем Столбчетая диаграмма Столбчетая диаграмма. Шаблон диаграммы появится в пустой области автоматически.

Столбчетая диаграмма

Далее задаем параметры и метрики:

  1. Параметр = День недели (Day of Week);
  2. Показатель = Пользователи (Users).

Параметры данных

И настраиваем сортировку:

Сортировка = День недели (Day of Week) по возрастанию.

Сортировка данных

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

Поздравляю! Диаграмма будет отображать накопленные данные за последний месяц (не включая сегодняшнего дня). У вас должен получиться примерно такой отчет:

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

Пользовательское назначение дат

Или добавить к отчету новый элемент из панели Диапазон дат Элемент Диапазон дат и укажите место в отчете, куда хотите добавить фильтр по дате.

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

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

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

Как настроить отслеживание загрузки .PDF документов в Google Tag Manager

Как вы отслеживаете загрузку .PDF документов пользователями на сайте? В этой статье мы разберем способ передачи события в Google Analytics с помощью Google Tag Manager.

Настройка тега

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

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

В поле Настройки Google Analytics укажите Идентификатор отслеживания ресурса в который будут передаваться события о загрузке файлов. Об этом я уже писал ранее здесь.

Указываем понятное название и нажимаем Сохранить.

Настройка триггера

Настройка тега завершена. Теперь необходимо настроить триггер который будет активировать созданный тег при загрузке нужных документов на всех страницах сайта.

  1. Переходим в раздел Триггеры и создаем новый триггер;
  2. Из списка выбираем тип триггера Только ссылки.
  3. Активируем Ждать теги и оставляем максимальное время ожидания 2000 мс по умолчанию.
  4. В качестве URL-адреса страницы вы можете использовать «соответствует регулярному выражению» и .*, чтобы выбрать все страницы: Page URL — соответствует регулярному выражению — .*.
  5. В условиях активации триггера указываем Некоторые клики по ссылкам;
  6. Настраиваем фильтр на отслеживание документов с расширением PDF: Click URL — заканчивается на — pdf.

Настройка триггера для отслеживания PDF файлов

Придумываем понятное название для созданного триггера и cохраняем. Не забываем связать триггер с ранее созданным тегом.

На этом все! Жмем на любую ссылку на PDF документ и тестируем корректность настройки тега, используя режим Предварительного просмотра.

Если тег отрабатывает успешно, то нажимаем Опубликовать.

Можно воспользоваться еще одним способом проверки корректности передачи данных. Вы можете открыть отчет Google Analytics В режиме реального времени -> События.

Отслеживание событий в GA

Если все настроено верно, то вы увидите активные сессии с выполненным событием.

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

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

Друзья, оставляйте комментарии под этим материалов и делитесь ссылкой с коллегами! Если статья оказалась полезной, то подписывайтесь на рассылку или помогайте проекту финансово.