код отправки события в google analytics

Отслеживание событий Google Аналитики

Из этого руководства вы узнаете, как отслеживать события Google Аналитики с помощью gtag.js.

Отправка событий

Для отправки событий с веб-страницы, на которую добавлен глобальный тег, используйте следующие настройки команды gtag.js event :

Подробная информация о том, как Google Аналитика интерпретирует компоненты событий, приведена в этой статье.

События Google Аналитики по умолчанию

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

Отправка событий без взаимодействия

Чтобы отправить событие без взаимодействия, задайте для параметра non_interaction значение true :

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Источник

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

Из этого руководства вы узнаете, как отслеживать события с помощью analytics.js.

Обзор

Событие – это взаимодействие пользователя с контентом, которое можно отследить независимо от загрузки страниц или экранов. Это понятие включает в себя скачивания, клики по мобильным объявлениям, использование гаджетов, элементов Flash и AJAX, воспроизведение видео и т. д.

Подробная информация о событиях приведена в Справочном центре Google Аналитики.

Реализация

Поля типа обращения event

Поля этого типа обращения приводятся в таблице ниже.

Подробная информация об этих полях приведена в статье Компоненты событий Справочного центра Google Аналитики.

Примеры

Приведенная ниже команда отправляет событие в Google Аналитику и сообщает о том, что был показан рекламный ролик из кампании Fall Campaign.

Отслеживание исходящих ссылок и форм

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

Для отслеживания переходов по исходящим ссылкам и отправок сторонних форм можно указывать целевой URL в одном из полей события. Данные о переходах по исходящим ссылкам и об отправке сторонних форм можно отправлять в Google Аналитику при помощи следующей функции обработки событий:

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

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

События без взаимодействия

В некоторых случаях бывает необходимо отправить событие без взаимодействия. Для этого в объекте fieldsObject команды send присвойте полю nonInteraction значение true :

Подробнее о событиях без взаимодействий читайте в Справочном центре Google Аналитики.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Источник

События 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 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 Аналитику

Отправку выполняет объект отслеживания, создание которого запланировано в предыдущей строке кода. При этом передаются сохраненные в нем данные.

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

Типы обращений и Measurement Protocol

Объект отслеживания отправляет в Google Аналитику данные об обращениях, и каждое обращение должно быть определенного типа. Тег Google Аналитики отправляет обращения типа pageview (просмотр страницы). Другие возможные типы обращений: screenview (просмотр экрана), event (событие), transaction (транзакция), item (товар), social (социальное взаимодействие), exception (исключение) и timing (время). В этом руководстве рассмотрены общие принципы и методы, характерные для всех типов обращений. Подробные руководства по каждому из них представлены в разделе Отслеживание типичных действий пользователей (его можно выбрать на панели навигации слева).

Обращение – это HTTP-запрос, содержащий пары «поле-значение», закодированные в строке запроса, и отправляемый с помощью Measurement Protocol.

Какие данные отправляются в Google Аналитику

При отправке обращения трекеры пересылают все имеющиеся поля, являющиеся допустимыми параметрами Measurement Protocol. Например, поля title и location пересылаются, а cookieDomain и hitCallback – нет.

Вам может потребоваться отправлять в Google Аналитику только поля текущего обращения (но не последующих): например, если обращение имеет тип event (событие) и значения полей eventAction и eventLabel важны только для текущего события.

Метод send

Использование очереди команд ga()

Для добавления команды send в очередь команд ga() используется следующий синтаксис:

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

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

Использование объекта отслеживания с названием

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

Следующая команда send воздействует на объект отслеживания с названием myTracker:

Использование самого объекта счетчика

Если у вас есть возможность указать объект отслеживания, то вы можете вызвать его метод send напрямую:

Как определить момент отправки обращения

В некоторых случаях вам нужно знать, когда завершается отправка обращения в Google Аналитику, чтобы сразу после этого предпринять те или иные действия. Например, если вам нужно зарегистрировать определенное взаимодействие, при выполнении которого пользователь переходит на другую страницу. Многие браузеры отключают выполнение JavaScript при выгрузке страницы, в результате чего ваши команды отправки обращений в analytics.js могут быть не выполнены.

Поэтому необходимо перехватить это событие и остановить выгрузку страницы. Затем вы можете обычным способом отправить обращение в Google Аналитику, а после этого отправить форму программно.

hitCallback

В примере ниже показано, как отменить отправку формы, отправить обращение в Google Аналитику и отправить форму с помощью функции hitCallback :

Время ожидания

Код, приведенный в примере выше, выполняет свою функцию, однако у него есть один серьезный недостаток. Если по тем или иным причинам библиотека analytics.js не загрузится, функция hitCallback никогда не будет выполнена. А если функция hitCallback не будет выполнена, пользователь не сможет отправить форму.

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

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

Приведенная ниже служебная функция получает функцию ввода и возвращает новую функцию. Если возвращенная функция вызывается до времени ожидания (по умолчанию 1 секунда), то время обнуляется и вызывается функция ввода. Если возвращенная функция не вызывается до окончания времени ожидания, то функция ввода все равно срабатывает.

Как указать механизм передачи данных

По умолчанию для отправки обращений analytics.js выбирает оптимальный HTTP-метод и механизм передачи данных из следующих вариантов: ‘image’ (с помощью объекта Image ), ‘xhr’ (с помощью объекта XMLHttpRequest ) или ‘beacon’ (с помощью нового метода navigator.sendBeacon ).

При использовании первых двух методов возникают проблемы, описанные в предыдущем разделе (обращения могут не отправляться при выгрузке страницы). Метод navigator.sendBeacon – это новая функция HTML, созданная для решения этой проблемы.

Приведенный ниже код устанавливает механизм передачи данных ‘beacon’ в браузерах, которые его поддерживают.

Дальнейшие действия

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.

Источник