google analytics цели события код
События в Google Analytics 4. Часть I
Цикл статей, посвященный разбору событий в Google Analytics 4. Часть I. Введение
Рекомендую также к прочтению:
Начнем с общей информации. Как вы уже знаете, события в Google Analytics предназначены для отслеживания взаимодействий пользователей с любыми элементами сайта:
Так было в традиционном Universal Analytics, а само определение в официальной справке Google трактуется следующим образом:
Событие – это взаимодействие пользователя с контентом, которое можно отслеживать независимо от просмотров страниц или экранов. Это понятие включает загрузки, клики по ссылкам, отправки формы и количество просмотров видео.
Браузерных событий очень много. Их также можно разделить на различные категории: ресурсные или события HTML-страницы (load, beforeunload, unload), сетевые события (online, offline), события мыши (click, dblclick, contextmenu и др.), события клавиатуры (keydown, keypress, keyup), события формы (submit, reset), фокусные события (focus, blur, focusin, focusout) и другие. Подробнее читайте в этой статье.
Часть из этих событий мы с вами разбирали в предыдущих материалах в моем блоге. Рекомендую к прочтению:
Cейчас определение события в документации для GA4 звучит так:
Событие – это определенное действие пользователя на сайте или в приложении в определенный момент времени, например page_view (просмотр страницы), add_to_cart (добавление товара в корзину) и form_submit (отправка заполненной формы).
Вывод: В Google Analytics 4 аналитика строится не вокруг сеансов (сессий), а вокруг событий. Поэтому все обращения из Universal Analytics необходимо переносить в Google Analytics 4 как события.
Типы событий
В Google Analytics 4 можно отслеживать 4 типа событий:
Каждый из этих типов событий мы разберем подробно в отдельной статье. А пока давайте поговорим о структуре событий в GA4, из каких компонентов они состоят.
Компоненты события
В Google Analytics, в зависимости от библиотеки, конструкция отслеживания какого-либо события может иметь вид:
Как настроить цели в Google Analytics: руководство по применению
Зачем нужны цели в Google Analytics? Знать, как часто и при каких условиях пользователи совершают целевые действия. Управлять их поведением. Оценивать каналы продвижения и не сливать бюджет.
В этой статье вы узнаете, как задать цели в Google Analytics для оптимизации рекламной кампании.
С чего начать
Откройте Google Analytics.
Виды целей Google Аналитики
Кому нужны цели
Любому бизнесу и сайту, даже некоммерческому. Типичная ситуация: конверсия не превышает 2%, хотя всё работает. Почему 98% посетителей не конвертируются? Нужны цели, чтобы понять это и управлять поведением аудитории.
Однако этот момент многие игнорируют. Возьмем крупный онлайн-гипермаркет. Сделать продажи легко – объявляйте хоть каждый день о грандиозных скидках и распродажах. Но в глобальные цели крупного продавца (в этом и отличие от лавки за углом) входят подписки, просмотр каталогов, обзоры и рейтинги покупателей, покупки по безналу, создание wish-листов и т.д. Важно установить цели и создать экономическую ценность.
Далее рассмотрим виды целей Google Аналитики.
Тип цели: Целевая страница
Цель показывает, попал ли пользователь на конкретную страницу. Актуально для страниц с подписками.
Пример – переадресация пользователей на страницу «Спасибо!». Её внутренний URL: thanks.html. В настройках цели в выпадающем списке «Переход» установите «Равно» и укажите название страницы /thanks.html:
Через пару часов Google Analytics покажет данные о количестве лидов, источниках, времени формирования, контенте, который привел к лидогенерации, и т.д.
На что еще обратить внимание?
Тип цели: Продолжительность
Эта цель покажет, сколько времени провел пользователь на сайте. Система фиксирует промежуток времени между точками «зашел на сайт» и «ушел с сайта».
Настроить цель легко:
Если пользователь выполнил условие, цель зафиксирует визит.
Не знаете, какое время указать? Поможет отчет Аудитория / Обзор. Там можно узнать среднее время на сайте.
На всякий случай, к цифре из Google Analytics добавьте 50%, чтобы исключить возможные ошибки.
Больше данных о вовлечении ищите в разделе «Аудитория» — «Поведение» — «Вовлечение»:
Не удивляйтесь, если отчеты будут скромными. Ведь вы смотрите на одну узкую область.
Тип цели: Страниц / экранов за сеанс
Цель фиксирует посещения, за которые пользователь просмотрел определенное количество страниц. Чтобы добавить цель, укажите количество страниц за сессию:
Статистику по цели также смотрите в отчетах Аналитики, раздел «Конверсии».
Тип цели: Событие
Цель отслеживает любые действия, которые вас интересуют: подписки, комментарии, загрузку видео, добавление в корзину. Кому-то важны комментарии, поскольку они демонстрируют интерес. Другим – успешно заполненные формы:
Одно посещение – одна цель! Если пользователь за сеанс отправил форму два раза, в цели пойдет только одна из них.
Самое интересное – в разделе «Подробные сведения о цели». Здесь добавьте категорию (что за событие), действие (по какому действию происходит) и ярлык (дополнительное описание).
Ценность и ярлык – параметры необязательные. В категории – однотипное событие.
Какие события отслеживать? Снова поможет Google Аналитика. Отчет «Поведение» – «События», а также «Карта событий».
Цель поможет оценить эффективность, например, живого чата на сайте и прочих плюшек.
Настройка целей в Google Analytics 4
В этом материале разберем настройку самых распространенных целей для веб-сайтов в Google Analytics 4.
В своем блоге я уже сделал 7 публикаций на тему событий и конверсий в GA4, я также выпустил одно методическое пособие на эту тему. Скачать его можно здесь. Если вам удобнее читать статьи на сайте, то рекомендую:
Теперь давайте с вами практически настроим самые стандартные, базовые цели для Google Analytics 4. Это:
Все эти цели я буду настраивать на своем тестовом сайте graphanalytics.ru как с помощью специального кода, добавленного на конкретный элемент, так и благодаря Google Tag Manager. Но обо всем по порядку.
Отслеживание посещения страницы по определенному URL-адресу
После заполнения формы пользователя перенаправляет на страницу graphanalytics.ru/thank-you.html
В Google Analytics 4 по умолчанию после установки счетчика на сайте фиксируется событие page_view (просмотр страницы). Но оно срабатывает каждый раз, когда загружается страница. Нам же необходимо настроить событие (а затем конверсию) только для конкретной страницы thank-you.html.
В появившемся окне нажмите кнопку Создать. На следующем шаге введите имя нового события. Оно может быть любым. Я рекомендую в названии передавать смысл данного события. Например, для моей страницы я назову событие spasibo.
Условия совпадения для нового события
Сохраните новое событие. Как только пользователь совершит переход к странице graphanalytics.ru/thank-you.html сработает новое событие spasibo, из которого можно создать конверсию, а потом импортировать ее в Google Рекламу. Проверить срабатывания события можно также с помощью отчета В реальном времени и инструмента DebugView.
Новое событие spasibo для конкретной страницы
Отслеживание клика по кнопке
Теперь передадим в GA4 событие, которое будет срабатывать в результате клика по кнопке.
Отслеживание кликов по кнопке (напрямую и через Google Tag Manager)
Зеленую кнопку (№1) настроим самостоятельно, добавив вышеописанную конструкцию события через код сайта, а клик по синей кнопке (№2) отследим с помощью Google Tag Manager.
№1. Зеленая кнопка
Для отслеживания клика по зеленой кнопке нам необходимо:
Чтобы найти нужный элемент, воспользуемся консолью разработчика и проинспектируем зеленую кнопку:
Код зеленой кнопки найден. Сюда необходимо вставить конструкцию события для передачи данных в Google Analytics 4. Ее мы уже знаем. Осталось определиться с тем, хотим ли мы передать что-то дополнительно, в параметрах события. В качестве примера давайте отправим с событием 3 параметра и дадим им собственные названия и значения:
А название события по зеленой кнопке обозначим как buttonClick1. В результате мы получим конструкцию такого вида:
Добавляем эту конструкцию в код кнопки с событием onclick, поскольку именно оно возникает при щелчке левой кнопкой мыши на элементе, к которому добавлен атрибут. Получим:
Добавленная конструкция события GA4 на зеленую кнопку
Сохраняем изменения. На этом все. Проверить корректность передачи данных можно также с помощью:
Я воспользуюсь вторым способом и проверю через DebugView, предварительно совершив несколько кликов по зеленой кнопке.
Совершенное несколько раз событие buttonClick1
На временной шкале отобразилось событие с моим названием buttonClick1, которое зафиксировалось 2 раза. Нажав на название события в списке основных событий, можно провалиться внутрь события и посмотреть всего его параметры:
Параметры события, которые передались
Как видно на скриншоте, все 3 параметра с моими установленными значениями передались в Google Analytics 4 корректно.
№2. Синяя кнопка
Теперь сделаем тоже самое, только с помощью Google Tag Manager и для синей кнопки. Для ее отслеживания необходимо:
А название события обозначим как buttonClick2. С учетом наших данных, которые мы установили для клика по кнопке, получим такой тег типа Google Аналитика: событие GA 4:
Конфигурация тега Google Аналитика: событие GA 4
Чтобы проверить корректность передачи данных в GTM можно воспользоваться режимом предварительного просмотра.
Тег Google Аналитика: событие GA 4 на триггер Click сработал, в деталях отображена подробная статистика
Тег Google Аналитика: событие GA 4 на триггер Click сработал, в деталях отображена подробная статистика по передаваемым данным. Возвращаемся в Google Analytics 4 и проверяем через DebugView.
Совершенное событие buttonClick2
На временной шкале отобразилось событие с моим названием buttonClick2. Также нажав на название события в списке основных событий, можно провалиться внутрь события и посмотреть всего его параметры.
Параметры события, которые передались
Описанным выше способом можно передавать события со своим названием и несколькими параметрами с помощью прямого добавления кода на сайт на отслеживаемый элемент кнопки, а также через диспетчер тегов Google.
Отслеживание отправки формы
На сайте graphanalytics.ru есть форма, которую требуется отслеживать:
Пример отслеживания формы
Для этого необходимо:
Так же, как и с кнопками, проинспектируйте элемент с помощью консоли разработчика:
События Google Analytics
В отличие от целей, которые настраиваются прямо в интерфейсе Google Analytics, события задаются как в интерфейсе, так и в коде вашего сайта. Например, при отслеживании количества отправок формы Вам необходимо добавить код события специальной конструкции в саму форму.
Простыми словами: сначала настраивается цель-событие в интерфейсе GA, а затем вносятся изменения в коде сайта.
События в Google Analytics создаются в разделе «Цели».
Выбираем тип цели «Событие»:
Событие состоит из 4 компонентов: категория, действие, ярлык и ценность.
Условия события: категория, действие, ярлык и ценность
Два первых (категория и действие) являются обязательными к заполнению, два других, как правило, оставляют пустыми. Хотя для отслеживания событий внутри мобильного приложения рекомендуется использовать все условия.
В старой библиотеке ga.js информацию о событиях можно было отправлять с помощью функции _trackEvent. Конструкция тогда имела вид:
Вышеупомянутая конструкция отправки события в Google Analytics относится к
2013-2014 гг. и на данный момент является устаревшей.
В 90% случаев в Universal Analytics и библиотеке analytics.js актуальна следующая конструкция:
Как видно, коды очень схожи, компоненты те же самые, только имеют немного другое обозначение. А с появлением новой библиотеки gtag.js и Global Site Tag конструкция событий вновь претерпела изменения.
Но и там и там в отслеживании событий используются стандартные вызовы метода JavaScript и предоставляется иерархическая модель данных категорий, действий, ярлыка и ценности. Поэтому в зависимости от вашего счетчика и используемой библиотеки выбирайте нужную конструкцию для вставки в код страницы или элемента.
Так что же все-таки писать в «Категория», «Действие», «Ярлык», «Ценность»?
Разберем на конкретном примере с онлайн-кинотеатром. Предположим, мы хотим отслеживать данные по каждому фильму: начало воспроизведения, перемотку, остановку на паузу, закрытие страницы с видеоплеером и т.д. Лучше всего для этого подходят события.
Категория (обязательный)
Схожий тип «видео» целесообразно объединить в одну категорию и назвать ее «video». Если бы на нашем сайте были категории «фотографии актеров», «саундтреки из фильмов», то тогда данные из этих подразделов можно было бы объединить в соответствующие категории «Фото», «Музыка», «Видео».
Действие (обязательный)
Это тип взаимодействия пользователя с объектом сайта. В нашем случае, это основные метрики видеоплеера – воспроизведение (play), загрузка (load), перемотка (rewind), остановка (stop), закрытие (exit) и т.д.
В разных категориях можно использовать одинаковые названия действий, но это может повлиять на расчет количества уникальных событий при построении отчетов в Google Analytics.
Действие – Play, Load, Rewind, Stop, Exit
Ярлык (рекомендуемый)
В ярлыках прописывается дополнительная информация для отслеживаемых событий. В случае с онлайн-кинотеатром это может быть «название фильма» или «ссылка на страницу с фильмом». Параметр не является обязательным и его можно не заполнять.
Для разных категорий можно использовать одинаковые названия ярлыков, но это также может повлиять на расчет количества уникальных событий.
Ценность (необязательный)
Ценность – это не строка, а целое число, цифра. Просьба также не путать с ценностью цели, где значение задается в валюте. В нашем примере его можно использовать для указания времени загрузки проигрывателя в секундах или для начисления денежной суммы при достижении определенного маркера воспроизведения в проигрывателе. Если мы встраиваем во время просмотра партнерскую рекламу, то назначение ценности легко позволит понять, сколько раз мы показали рекламу и сколько денег мы при этом заработали от показа рекламы.
Ценность – 1, 25, 500
Примечание: при создании цели в Google Analytics и дальнейшей установки кода на сайт значения строковых компонентов (категория, действие и ярлык) можно задавать как на английском, так и на русском языке.
Подробная информация по событиям в официальной справке Google.
Чаще всего владельцы сайтов пытаются понять, как устанавливать события на отправку формы, подсчитывать количество кликов по определенной кнопке, а также добавить отслеживание онлайн-консультантов и виджетов обратного звонка. Давайте разберем эти примеры.
Событие на отправку формы
Используются если у Вас после заполнения формы и передаче данных не происходит перенаправления на отдельную страницу, например, «Спасибо» /thanks-you.html, а просто в той же форме генерируется новый текст с благодарностью.
Примечание: конверсии по целям с отдельной целевой страницей в отчетах Google Analytics подсчитываются гораздо точнее целей-событий. В большинстве случаев это связано с загрузкой кода JavaScript, который может не всегда корректно срабатывать при отправке данных. Поэтому лучше создать отдельную целевую страницу и настроить под нее цель с типом «Целевая страница».
В качестве примера возьмем действующий проект по натяжным потолкам. У нас на сайте есть кнопка «Заказать звонок» при клике на которую открывается всплывающая «PopUp форма» с двумя полями.
PopUp форма с заказом обратного звонка
Заполнив их и нажав на «Перезвоните мне», перенаправления на отдельную страницу не происходит, а в этой форме лишь генерируется новый контент (текст с благодарностью).
Динамически изменяемый контент в форме
Это классический пример технологии AJAX, при которой данные отправляются на сервер динамически без перезагрузки страницы. Поэтому его нельзя использовать в качестве цели. Для отправки такой формы, как правило, используют фреймворк JQuery.
Создадим событие «Отправка формы» в Google Analytics.
Категория и Действие в Google Analytics
Категория – zakaz_zvonka, Действие – otpravka_form. Два других компонента (ярлык и ценность) не заданы, а включенный ползунок «Использовать ценность события в качестве ценности цели конверсии» говорит нам о том, что Google Analytics в своих отчетах в столбце «Ценность цели» будет отображать показатель из поля «Ценность». А поскольку в нашем примере он не задан, то и значения передаваться не будут.
Если вы хотите задать ценность цели вручную, то измените ползунок на «Нет» и введите соответствующую ценность конверсии.
Сохраняем наше событие и переходим к добавлению кода на сайт. Целенаправленно опустим процесс его изменения, поскольку в задачи интернет-маркетолога входит лишь понимание принципа работы, а непосредственное изменение или добавление элементов кода полностью ложиться на плечи веб-разработчика. Но если вы вдруг все же захотите самостоятельно попробовать сделать это, то последовательность действий следующая:
Просмотр кода сайта в панели разработчика Google Chrome
Гайд по настройке целей в Google Analytics: обучение простыми словами
В этой раз воздержусь от бурного вступления, но нужно начать с того, что такое цели в Google Analytics:
Вот, что говорит Google. Скучно. Значительно интересней — что вы можете делать с информацией о действиях пользователей на своем сайте. Это гигантская возможность анализировать поведение людей и экспериментировать с их поведением. Вы можете выстраивать по своему сайту ловушки для пользователей и следить, проходят ли они по выстроенной конверсии или нет. Совершенствовать их путь, делая свой сайт лучше, и больше зарабатывать.
Но чтобы начать это увлекательное занятие, нужно узнать как настроить цель в Google Analytics.
Возможности целей в GA
Специалисты Гугла немного превзошли по аналитике Яндекс в плане настройки целей. Тут вам изначально доступна галерея, в которой умельцы могут выгружать свои примеры настройки целей в Google Analytics. Достаточно интересно, но разбирать их не будем — если английский язык в порядке, сможете сами. Выглядит оно вот так:
Еще в помощь напуганному пользователю Гугл предлагает «Шаблоны» целей. Не до конца понятно в чем их польза, кроме как копирование названия, например «Внести платеж» на следующую страницу настройки цели. Возможно, кому-то помогут. Выглядят так:
Виды целей в Google Analytics
Ну тут уже подробней. Гугл предлагает нам несколько основных видов целей:
Вывод: данные аналитики могут быть искажены в двух случаях:
— Заход пользователя с поиска на страницу «Спасибо за покупку» (Можно закрыть страницу от индексации, чтобы этого не происходило).
— Прямой заход на страницу через браузерную строку, введя URL-адрес (для этого исказитель данных должен знать URL страницы, обладать свободным временем и непреодолимым желанием напакостить).
Еще одним значимым плюсом отслеживания целевых страниц в GA является возможность построения последовательности из страниц. Так называемые «пути конверсии». Вы можете прикинуть, какие страницы должен посетить пользователь, чтобы придти к покупке и видеть, на каком этапе клиент «отваливается». После анализа вы можете доработать «слабые» звенья в цепи.
Зачем оно надо:
— Во-первых, будет полезно для понимания процента отказов на одностраничных сайтах/лендингах — так как посещение всего одной страницы в аналитике считается «отказом».
— Во-вторых, если в вашем распоряжении сайт с информационными статьями — можно определить процент посетителей, кто зачитывается вашими материалами.
— В-третьих, если у вас сайт с быстрой конверсией, например «Такси» или какие-то срочные услуги вроде «Взлом замков», то пользователи, проводящие по 5−10 минут на вашем сайте наверняка не могут найти нужной информации, например — телефона. Значит, нужно что-то менять в юзабилити.
У меня всего пара примеров, но можно выдумать больше:)
В Google Analytics можно добавлять не более 20 самостоятельных целей.
Установка и настройка целей в Google Analytics
Установка цели в GA: Последовательность посадочных страниц
Для начала нужно продумать, какие страницы являются посадочными и какие страницы должен посетить пользователь, чтобы выполнить финальное действие. Мой подопытный — информационный портал. Поэтому я настрою условную цепь исключительно для нашего примера:
Главная страница — Любая статья — Каталог статей — Информация о проекте
У вас, разумеется, могут быть другие страницы.
Дальше по статье объединим эти пару шагов в одно предложение — «Заходим в цели», чтобы не дублировать информацию.
Создание проходит в три шага, чтобы не портить цепь мыслей, нумерацию продолжу.
Создано. Убеждаемся, что цель появилась в списке и справа рубильник стоит на «ВКЛ».
Как настроить цель в Google Analytics: Продолжительность визита
Сразу порядок действий:
Настроено. Теперь пользователи которые проводят на вашем сайте достаточно времени станут элементом статистики.
Настройка цели в Google Analytics: Просмотр страниц / экранов за сеанс
Простейшая цель. Теперь, если пользователь перейдет по трем и более страницам конверсия будет засчитана.
Google analytics: события и их настройка
Мощный пласт аналитических возможностей от Гугла кроется именно здесь, в настройке событий.
Благодаря событиям вы сможете отслеживать взаимодействие пользователя с контентом на сайте. Нажатия на кнопки, просмотры видео, скачивание прайс-листов и так далее.
Алгоритм действий для настройки событий:
На основе заполнения данных форм у нас будут выводится отчеты в GA. Но на этом пока что не будем останавливаться. Главное, научиться настраивать цели.
Стандартный код для установки целей в Google Analytics
Так как мы заполнили всего две графы, то можем использовать упрощенный код:
В моем случае будет такой код для кнопки подписаться:
ga (‘send’, ‘event’, ‘ subscribe ‘, ‘ click ‘);
Так, код события подготовили. Теперь нужно узнать как прикрутить это к кнопке, чтобы не разрушить интернет:)
Мы неопытными руками полезем в код сайта. Поэтому, если чувствуете в себе программистическую неуверенность — лучше сохраните копию файла, который планируете редактировать. В случае поломки элемента можно будет безболезненно вернуть исходный файл на место и все снова заработает.
Теперь найдем интересующую нас кнопку и добавим в неё код:
По данному алгоритму мы можем настроить любые цели, связанные с кликами по элементам сайта. Будь то форма обратной связи, картинка, кнопка плей на видео и так далее.
Если нужно настроить цель предполагающую отправку данных, нужно заменить в коде onclick на onsubmit.
Как удалить цель в Google Analytics
Так как количество конверсий в GA ограничено двадцатью, иногда возникает необходимость удалить какую-то цель. К сожалению, сделать этого нельзя, ибо функционал Гугла не позволяет. Предположим, у вас заполнены все двадцать слотов, но вам нужна новая конверсия — единственным вариантом станет перенастройка существующей, какой-нибудь не сильно нужной конверсии на новый лад.
Если же вам всего лишь нужно выключить цель — всё просто. Специально для вас предусмотрен рубильник справа ВКЛ/ВЫКЛ.
Отслеживание Google Analytics: где смотреть статистику по целям
Чтобы посмотреть аналитику по целям нужно зайти:
И вы увидите статистику по достигнутым конверсиям. Чтобы посмотреть какие из них сейчас активны или выбрать отслеживание какой-то конкретной конверсии (вдруг у вас их очень много) нажмите на кнопку «Все цели».
Совет
Если вам чужды ковыряния в коде, то статья про Google Tag Manager сможет облегчить вам жизнь.
Если помимо GA жаждете освоить еще веб-аналитику Яндекса — статья про создание целей в Метрике будет крайне полезной.
Надеюсь, помог. Старался. Если есть предложение по доработке статьи — пишите в комментариях. Рассчитываю, что эта инструкция может стать для некоторых «настольной», ну или «закладчатой» — поэтому давайте стараться вместе!
К о н е ц
– Широкая семантика.
– Высокий CTR.
– Тщательная минусовка.
– Только целевые заходы.