Урок 119. Как настроить цель "Событие" в Google Analtics?

Всем-всем привет!

В этом уроке разберем такой интересный момент, как настройка цели "Событие" в Google Analytics.

Погнали!

Цель "Событие" в Google Analytics

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

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

Как создать цель "Событие"?

1. В кабинете Google Analytics перейдите на вкладку "Администратор":
2. В столбце "Представление" найдите пункт "Цели" и нажмите на него:
3. Нажмите на кнопку "+Цель":
4. Дайте название цели и выберите тип "Событие":
5. В поля "Категория" и "Действие" впишите произвольное значение, но, чтобы Вам было понятно для чего установлена цель и куда. Я впишу следующее: "submit" и "btn_podpiska" соответственно:
6. Нажмите на кнопку "Сохранить".

Цель создана, осталось только ее установить на нужный элемент сайта.

Куда установить "Событие"?

Для установки цели "Событие", ровно, как и для "JavaScript-событие" в Яндекс.Метрике, требуется небольшой кусок кода:

onclick="gtag('event','btn_podpiska')"

Это код цели в самом простом исполнении. То есть в коде используется только "event" и сам идентификатор события.

Если хотите использовать пользовательские значения категории (в нашем примере "submit") в коде, то код цели будет выглядеть следующим образом:

gtag('event','btn_podpiska',{'event_category':'submit'})

Данный код является атрибутом почти всех HTML-тегов, а это значит, что вставлять его нужно в пределах открывающего тега (пример: <div onclick="gtag('event','btn_podpiska')">).

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

После этого в нижней, или любой другой, части экрана появится небольшое окошко с HTML-кодом:

Отсюда Вам потребуется взять стилевой класс элемента - в данном случае это class="button".

Как установить цель "Событие"?

Устанавливать цель мы будем с помощью текстового редактора Notepad++:

1. Откройте нужный файл сайта и найдите тот кусок кода, куда хотите установить цель. Сделать это можно с помощью инструмента "Найти" (CTRL+F). В поле "Найти" впишите класс элемента, на который ставится "Событие":
2. В пределах открывающего тега впишите следующее значение: onclick="gtag('event','btn-podpiska')", где "btn-podpiska" идентификатор события, который мы назначили чуть раньше. В моем случае атрибут onclick будет выглядеть так:
3. Сохраните файл и отправьте на сервер.

Отлично! Теперь Google Analytics будет получать данные о взаимодействии посетителей сайта с тем или иным элементом.

Использование цели "Событие" совместно с "JavaScript-событие" Яндекс.Метрики

Достаточно часто у вебмастеров возникает потребность в использовании сразу нескольких счетчиков. Нужно это для того, чтобы видеть полноценную картину, происходящего на сайте, так как каждая система аналитики (будь то Google Analytics, Яндекс.Метрика или Liveinternet) обладает уникальным алгоритмом работы. Поэтому может возникать такая ситуация, когда Метрика не зачла достижение определенной цели (в нашем случае это тип цели "Событие"), а Analytics зачел.

HTML-разметка не позволяет использовать в одном теге два атрибута onclick, поэтому может показаться, что использовать однотипные цели разных систем аналитики невозможно. Но выход есть: нужно объединить значения цели "Событие" Google Analytics и Яндекс.Метрики в одном атрибуте. Выглядеть это будет так:

onclick="gtag('event','btn-podpiska'); ym(XXXXXXX,'reachGoal','id'); return true"

На этом все, дорогие друзья.

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

До скорого!