Як налаштувати події в Analytics і ке докладна інструкція

Щоразу, коли я зустрічав опис подій в аналітиці, на свій сором – пропускав цю тему, вважаючи тих, хто вміє їх налаштовувати та аналізувати геніями програмування. Однак, інтерес переміг страх (і ліньки), і я почав уважно вивчати відстеження подій. І виявилося, що в цьому немає нічого складного, будь-хто може їх освоїти. А ось користь, яку вони дають аналітику, – переоцінити дуже складно. Сьогодні ми розглянемо, що така подія і як їх налаштовувати в Яндекс.Метриці та Google.Analytics.

Що таке подія на сайті?

Якщо стисло, то подія - це все, що робить користувач на вашому сайті. Тобто. ось взагалі все, від завантаження сторінки до відправки форми та натискання будь-якої клавіші/комбінації клавіш. Ось деякі приклади подій, які можуть бути корисними в аналітиці:

клік за посиланням;
наведення мишкою на кнопку;
встановлення фокусу на полі;
правильне введення e-mail у поле у формі;
успішне відправлення форми;
скролл вікна;
помилка під час заповнення поля;
натискання/утримання/відпускання клавіші;
виділення тексту.

Втім, якщо цього вам мало, детальніше почитайте на будь-якому сайті про javascript, наприклад: https://learn.javascript.ru/introduction-browser-events або http://htmlbook.ru/html/attr/event .

Щоб було зрозуміліше розглянемо конкретний приклад. У вас інтернет-магазин є картка товару, на якій є вкладки. Ви хочете дізнатися як часто і куди люди натискають? Для цього відстежуватимемо подію “клік по вкладці”.

Зробити це можна двома способами (насправді способів більше, але хтозна JS зробить як йому зручніше, а новачки і навіть ті, хто не знають, нехайвикористовують простий код. Можете прямо цей копіювати.) Отже, відкриваємо код, і бачимо там щось подібне:

Перший спосіб - це додавати код прямо до лінка:

Який саме код поговоримо нижче. І другий варіант - на кліку викликати функцію і передавати і всі дії робити безпосередньо в ній:

З цим товаром купують // Цей код розміщуємо десь унизу сторінки або у файлі script.js.

Другий варіант зручніший у тому плані, що функції може бути відразу кілька дій. Крім того, якась функція може бути призначена. Тоді ви просто знаходите цю функцію і до неї додаєте потрібний код від Метрики або Аналітикса. І тепер переходимо до найцікавішого.

Налаштування подій в Яндекс.Метриці

В Яндекс.Метриці події можна відслідковувати через цілі. Тобто. ви створюєте певну мету, вибираєте тип умови “Javascript-подія” та вказуєте ідентифікатор:

Все, що нам залишається зробити, це в потрібному місці вказати код за шаблоном yaCounterXXX.reachGoal('YYY'); де XXX – номер вашого лічильника (один на весь сайт), а YYY – ідентифікатор, який ми вигадали для цієї мети. Для кожного таба потрібно створити свою мету та вказати свої події. У результаті в нас виходить щось таке:

Якщо ж ви вибираєте другий спосіб, то спочатку він може здатися вам складніше, але надалі оправляє витрачений час. Наприклад, якщо ви хочете цю подію відстежувати і в Google Analytics. Тоді можна зробити так:

Надалі, я використовуватиму лише 1 рядок, сподіваюся, аналогія зрозуміла.Важливий момент:використовуйте різні лапки. Це важливо, т.к. код може поламатись і взагалі розкорячити всю сторінку. У подвійні поміщайте дію, в одинарну змінну, як це у мене в прикладі.

Ось у принципі і все. Тепер при натисканні на посилання табу у нас буде спрацьовувати відповідна мета.

Налаштування подій у Google.Analytics

У Гуглі все набагато цікавіше. По-перше, крім самої мети, там є спеціальні звіти щодо подій. Крім того, сама подія може мати три різні параметри, які дозволять зручно групувати та аналізувати різні дії. Загальний вигляд команди на подію виглядає так:

ga('send', 'event', “Категорія-обов'язково”, “Дія-обов'язково”, “Ярлик-необов'язково”, цінність(цифра)-необов'язково);

ga('send', 'event', 'tab', 'click', 'Відео');

А для відгуків відповідно

ga('send', 'event', 'tab', 'click', 'Опис');

В результаті код виглядатиме так:

Назви можна використовувати як латинськими літерами, так і українськими. Головне не забувати про лапки. Цінність події ми поки що не чіпаємо. Її ми розглянемо детальніше в одній із майбутніх статей про цілі.

І тепер ви можете аналізувати зрізи:

Далі, якщо вам потрібно налаштувати мету, то у відповідному розділі вибираємо створення нової мети, тип – подію, та вказуємо коли саме її потрібно активувати.

Що цікаво, зовсім необов'язково заповнювати всі три поля, досить хоча б одне. Наприклад, вас цікавлять всі кліки по табах - заповнюєте поле дію - таб. Або вас цікавлять написання відгуків – вказуєте відповідну дію. Або всі три поля.

Звіти щодо подій у Google.Analytics

Звіти щодо подій є на спеціальній вкладці Події у розділі Поведінка.

Структуровані вони за принципом від загального до приватного (Категорія-Дія-Ярлик). Але ніщо не заважає вам створити будь-який звіт щодо будь-якого поля. Google у цьому плані дужегнучкий. Крім того, ви можете додати цікаву для вас подію в будь-який звіт як додатковий параметр.

Ну і звичайно створити власний сегмент з потрібним вам параметром події.

Схожі статті:

Як аналізувати багатокрокові форми на Ajax, реалізовані через хештег Так чи інакше, всі поступово переходять від класичних кодів аналітики до…

Аналітика сайту Яндекс.Метрика: ідентифікатор, установка, гостьовий доступ Матеріалів з аналітики у мене зібралося море, тому я вирішив створити окремий розділ по цій…

Про важливість аналізу електронної комерції говорять майже всі маркетологи та фахівці. Про тонкощі налаштування написано…