Webit

1. 1. Установка Вебвізор
2. 2. Налаштування Вебвізор
3. Як налаштувати інтерфейс Вебвізор, щоб ми могли переглядати дані
4. 3. Інтерфейс інструменту
5. 4. Аналіз сайту за допомогою Вебвізор
6. a. За часом на сайті
7. b. За джерела відвідування
8. c. За цільовим візитам
9. d. Аналітика форм
10. 1. Аналіз нецільового трафіку - тривалість візиту до 5 секунд
11. 2. Аналіз представлення інформації - тривалість візиту від 5 до 15 секунд
12. 3. Аналіз трафіку за джерелом: пошуковий трафік, соціальні мережі і контекстна реклама
13. Аналіз за цільовими візитам
14. 5. Аналіз форми замовлення на сайті
15. 5. Що робити, якщо Вебвізор не працює

Ні для кого не секрет, що поведінки користувачів на сайтах зараз надається велике значення. Причиною послужили, з одного боку, заяви пошукових систем про те, що вони будуть використовувати поведінку пользователейв як фактори ранжирування, а з іншого - тенденція до поліпшення юзабіліті і конверсійних сайтів. Прийшов час переходу кількості в якість. Мене як веб-аналітика це, безсумнівно, радує, що замість примітивних неякісних сайтів з'являються нові цікаві проекти.Сегодня ми поговоримо про такий інструмент в системі аналітики «Яндекс. Метрика », як Вебвізор. Він якраз і призначений для детального вивчення поведінки користувачів на сторінках сайту. Інструмент дуже гнучкий і дозволяє переглянути всі дії, які відвідувач робить на вашому сайті. Давайте подивимося, як встановити та налаштувати Вебвізор, як використовуватися і аналізувати дані.

1. Установка Вебвізор

Установка даного інструменту дуже проста. Перед тим як встановити код, необхідно активувати Вебвізор в інтерфейсі і отримати код лічильника. За наявність Вебвізор і його працездатність відповідає елемент webvisor: true. Типова помилка при установці полягає в тому, що даний елемент включають (ставлять галочку), але при цьому забувають оновити код на сторінці. Природно, в цьому випадку Вебвізор працювати не буде, тому обов'язково замінюйте код лічильників в тих випадках, коли міняєте будь-які налаштування.
.

Не хотілося б докладно зупинятися на установці. Вважаю, що тут все просто і досить докладно описано в розділі «допомогу» від Яндекс Метрики. Ознайомитися з рекомендаціями можна за посиланням: http://help.yandex.ru/metrika/webvisor/activate-webvisor.xml
Цікаво, що Вебвізор може записати до 1000 посещенійза день. Це забезпечує хорошу вибірку для аналізу поведінки. Дані зберігаються 14 днів, після чого видаляються.

2. Налаштування Вебвізор

На мій погляд, настройка вимагає додаткового освітлення, тому що саме до цього етапу відноситься велика частина питань наших клієнтів. У довідці дано опис ( http://help.yandex.ru/metrika/webvisor/activate-webvisor.xml ), Але воно, як правило, чи то давати дозвіл проблем, що виникають при налаштуванні, або просто незрозуміло користувачеві. Що треба зробити, щоб Вебвізор записував саме те, що бачить відвідувач, а не те, що знаходиться у смотрящегов браузері за замовчуванням? Як правильно налаштувати Вебвізор, якщо інструкція незрозуміла? Давайте розберемо на прикладі.
Налаштування Вебвізор мають такий вигляд:

Як налаштувати інтерфейс Вебвізор, щоб ми могли переглядати дані

Якщо активно «архівувати сторінки сайту», то робот метрики буде зберігати вміст вашого сайту і показувати поведінку користувача на основі збережених даних про сторінках сайту. Складність тут полягає в наступному: якщо ви оновили дані на сторінці, робот не завжди встигає її перезберегти. В результаті при перегляді буде доступна стара версія сайту, але поведінка користувача буде записано вже для нового інтерфейсу. Простіше кажучи, на старий макет сайту будуть записані дії відвідувача, вчинені на новому варіанті сайту. Якщо стоїть завдання записувати реальні дані прямо з сайту, необхідно скористатися пунктом «запис вмісту сторінок». Тут дані можна завантажувати як з браузера користувача, так і прямо з сайту.

• якщо збереження йде з браузера користувача, можуть виникнути деякі складності. Зокрема, можуть по-різному відображатися поля форм, задваіваться дані, з'їжджати верстка сторінки. Це явище носить не масовий характер, але створює деякі труднощі при перегляді поведінки відвідувачів. Наприклад, ось так:
  
  
• якщо збереження йде з сайту, то при кожному відвідуванні метрика зберігає всі дані про сторінку в своєму інтерфейсі. Цей метод більш точний, але в той же час створює додаткове навантаження на сайт. Результати наших експериментів говорять про те, що краще використовувати даний метод при невисокій відвідуваності сайта.В цьому випадку додаткове навантаження майже не позначиться на відображенні сайту. Якщо відвідуваність значна, завантаження краще вести з браузера користувача.

Розберемо, як необхідно заповнювати поле сторінок для збереження.

Отже, у нас є інтернет-магазин з кошиком

• / Cart / - корзина на сайті
• / Cart / oformlenie / - процес оформлення замовлення
• / Cart / done / - сторінка thankyoupage на сайті

Відповідно, щоб зберігати призначені для користувача дані з цих сторінок, необхідно заповнити поле наступним чином:

У прикладах Яндекс.Метрики містяться додаткові варіанти організації збереження сторінок:

• /index.html
• page.php? r = 3
• regexp: http: //site.ru/.*
• regexp:. *

Дане поле розуміє регулярні вирази. Це зручний інструмент для динамічних сторінок вашого сайту, а не ЧПУ. Останній варіант в наведеному вище прикладі означаетсохраненіе всіх сторінок сайту без винятку.
Завантаження сторінок в плеєр може бути виконана двома способами:

• Завантаження від вашого імені. Дані загружаютсяс сайту так, як ви б іхувіделі. В цьому випадку, якщо ви залягання на сайті або у вас збереглися які-небудь cookies, метрика покаже це при перегляді. У більшості случаевтакой спосіб ускладнює аналіз даних, тому радимо використовувати другий варіант.
• Завантаження від імені анонімного користувача. У цьому випадку запис йде від користувача, який ніколи раніше не був на сайті. Пункт "архівувати вміст сайту" встановлюється за умовчанням.

3. Інтерфейс інструменту

Вебвізор завжди можна знайти у вкладці «Поведінка» звітів сервісу «Яндекс. Метрика ». Там же знаходиться цікавий інструмент «Аналітика форм», який тісно пов'язаний з Вебвізор (про нього ми поговоримо пізніше).

Інтерфейс Вебвізор є таблицею з записами відвідувань користувачів. Список, що випадає і тимчасова шкала, на якій відображаються всі действіяпользователя, допоможуть побачити пересування по сайту. Кожен колір на часовій шкалі означає будь-яку дію користувача. Більш детально з інтерфейсом можноознакоміться в довідці:
http://help.yandex.ru/metrika/webvisor/replaying.xml

В налаштуваннях в лівому верхньому кутку можна поставити ті таблиці і умови, які вам необхідні. Це дуже зручно і наочно, якщо робити вибірку по будь-якою ознакою.

Також в Вебвізор існує можливість автоматично сформувати вибірку з схожих відвідувань. Для цього необхідно в правому кутку вибрати значок «воронки», де і знайти потрібний ознака. Даний елемент зручний для аналізування схожих відвідувань, він заощадить вам багато часу.

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

Можна задавати кілька умов, щоб робити вибірку показуються сесій найбільш сегментированной.

4. Аналіз сайту за допомогою Вебвізор

СЕГМЕНТАЦІЙНИЙ аналіз є основним в веб-аналітиці. Аналіз Вебвізор також радимо побудувати на сегментації, яке можна зробити за допомогою фільтрів. В нашій роботі ми використовуємо велику кількість сегментів, щоб детальніше вивчити аудиторію проекту. Нижче наведені найбільш часті сегменти, аналіз яких проводиться в обов'язковому порядку.

a. За часом на сайті

За допомогою Вебвізор можна відстежити нерелевантні трафік. Як правило, користувач відразу бачить, якщо потрапив не туди. Для розуміння цього факту йому вистачає близько 5 секунд, тому встановлюючи такий часовий фільтр, можна відловити тих, хто не зацікавлений в інформації на сайті. Тут можна відразу оцінити джерело таких переходів і основні дії користувачів. Як правило, це перемотування сторінки вгору вниз і закривання сторінки. Необхідно зменшувати кількість таких переходів, проводячи аналіз рекламних джерел і позбавляючись від неефективних.
Користувачі, які затримуються на сайті від 10 до 20 секунд, на нашу думку, вже більш зацікавлені інформацією, яка надана на сайті.

Якщо такий користувач все ж йде з сайту, це може бути викликано наступними причинами:

• на вашому сайті немає інформації, яку він шукає. Тут слід провести відповідність між ключовим запитом, за яким прийшов користувач, і тією інформацією, яка є на сайті. У разі відсутності її необхідно додати.
• інтерфейс вашого сайту непрезентатівен і незручний для розуміння. Тут слід провести аудит юзабіліті, який допоможе зрозуміти, що необхідно користувачу на даній сторінці, а потім внести відповідні правки. При такій сегментації можна виявити велику кількість дрібних неточностей в дизайні і роботі сайту. У нашій роботі при даному фільтрі аналізувався Лендінгем, внаслідок чого було виявлено більше 10 пунктів, які заважали адекватному і швидкому заповнення форми замовлення. Тільки їх виправлення допомогло збільшити конверсію на 22%, тому дана сегментація є основоположною. Також можна вивчати поведінку в проміжку від 15 до 30 секунд, якщо на сайті представлена ​​велика кількість інформації і форм для заповнення.

b. За джерела відвідування

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

c. За цільовим візитам

До найбільш важливих операцій відноситься і фільтрація по цільовим візитам. Тут в поле фільтра необхідно вибрати будь-яку мету з KPI вашого сайту. Це може бути замовлення товару, оформлення заявки, заявка на зворотний дзвінок і т. Д.

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

d. Аналітика форм

Аналіз форм є невід'ємною частиною аналізу за допомогою Вебвізор. З його допомогою можна дізнатися, які пунктине були заповнені при відправці, а також поля форм, з яких йдуть користувачі. Через Вебвізор можна відтворити всі відвідування тих користувачів, які повністю відправили дані або взаємодіяли, але не відправили дані. Мета такого аналізу - виявити помилки в формі, а також труднощі, з якими стикаються користувачі, щоб оперативно усунути всі незручності і зайві поля. З нашого досвіду, використання даного інструменту допомагає значно збільшити конверсію з будь-яких форм сайту.

У даній статті не хотілося обійтися просто теорією. Покажемо практичне використання даної методики. Для аналізу було взято сайт з продажу товарів для нумізматів albom-monet-msk.ru . Давайте пройдемося по пунктах і дізнаємося всі «слабкі» місця сайту, використовуючи для цього Вебвізор від Яндекс метрики.

1. Аналіз нецільового трафіку - тривалість візиту до 5 секунд

Для аналізу нецільового трафіку ми встановили тривалість відвідування сайту менше 5 секунд.

2. Аналіз представлення інформації - тривалість візиту від 5 до 15 секунд

Тут ми розширили час на сайті і встановили проміжок між 5 і 15 секундами перебування.

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

3. Аналіз трафіку за джерелом: пошуковий трафік, соціальні мережі і контекстна реклама

Далі ми аналізували окремо кожен канал трафіку: що роблять користувачі на сайті, чим цікавляться, яка послідовність кроків в замовленні і що заважає їм зробити це замовлення. Так, виявили достатню кількість пунктів, які можна поліпшити. Для прикладу ми вибрали запит з контекстної реклами. Запит користувача звучить як «набір монет червона книга 15 монет 1991-1994 роки».

Дійсно, на сторінці, на яку веде рекламна кампанія, можна купити даний набір монет. Однак, щоб це дізнатися, потрібно уважно прочитати текст, і вибрати категорію товару «альбом з монетами». Тут порушується одне з основних правил реклами - відповідність заголовків. Користувач хотів набір, а йому показують альбом. Хоч і існує можливість купити набір, але зробити це важко, тому що його замовлення далеко неочевидний.

Тому ми порадили створити окрему товарну картку для набору монет і вести рекламну компанію вже на неї.

Аналіз за цільовими візитам

Для аналізу за цільовими візитам ми вибрали мету «відвідування замовити», тобто фактично відвідування кошика сайту.

Тут ми переглянули багато сесій і побачили одну закономірність - дуже великий відсоток користувачів, які вже поклали в кошик товар йдуть зі сторінок «Контакти» і «Про компанії».

5. Аналіз форми замовлення на сайті

Аналіз форм тут проводили для сторінки оформлення замовлення. За замовчуванням на сайті 2 форми - одна для користувачів з Москви, інша - з регіонів. Аналіз форм дає вичерпну інформацію щодо взаємодії з формами. Тут ми акцентували свою увагу на поля, з яких користувачі йдуть з сайту. Так, для форми замовлення для регіонів більшість йдуть з 1 кроку - «Вкажіть своє ПІБ». Дійсно, в поле для замовлення з Москви дане поле названо просто «Ім'я». Для регіонального замовлення це зроблено спеціально, тому що для відправки замовлення поштою РФ потрібні повні дані по ПІБ. Відповідно, ми порадили зробити невелику підказку, яка б пояснювала потенційним покупцям, навіщо потрібно вказувати повні ПІБ.

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


І дійсно, пару раз було помічено, що користувачі не змогли заповнити дане поле - воно не проходило валідацію. Після детального аналізу було виявлено, що таке виникає тільки у певного браузера. Після позначення проблеми технічного фахівця вона була усунена.
В цілому аналіз показав велику кількість помилок і напрямків, куди можна розвивати проект і робити його краще, зручніше і конверсійних.

5. Що робити, якщо Вебвізор не працює

• перевірити, чи встановлений код з Вебвізор

У процесі роботи також помічали наступний баг: виникала проблема в відтворенні даних в Вебвізор. Видавалася стандартна помилка «Вебвізор не включений», або «код відсутній на сторінці", хоча це не відповідало дійсності. Інструмент був включений, код встановлений на сайт. Допомогли такі дії: були змінені настройки Вебвізор для правил записи поведінки на сайті. Після поновлення правил записи в інтерфейсі з'явилися записані дані вебізора.

• перевірити параметри збереження сторінок

У процесі роботи також помічали наступний баг: виникала проблема в відтворенні даних в Вебвізор. Видавалася стандартна помилка «Вебвізор не включений», або «код відсутній на сторінці", хоча це не відповідало дійсності. Інструмент був включений, код встановлений на сайт. Допомогли такі дії: були змінені настройки Вебвізор для правил записи поведінки на сайті. Після поновлення правил записи в інтерфейсі з'явилися записані дані вебізора.

• відключити плагіни в браузересменіть браузер

При наявності проблем у відтворенні відвідувань в Вебвізор часто допомагає відключення сторонніх плагінів в браузерах. Іноді вони блокують можливість відтворення даних, тому вимкніть їх і спробуйте відтворити відвідування користувачів заново.

• відкрити можливість показу сайту в iframe

Вебвізор не працює, якщо для сайту заборонений показ своїх сторінок в iframe. Роблять це, як правило, з метою безпеки даних, щоб сторонні сайти не могли додавати через iframe вміст сайту. Зазначу також, що в даному випадку не працює інструмент по аналітиці форм (дуже корисна річ на сайті!). Помилка в даному випадку виглядає наступним чином:

Тут вихід один - дозволити показ iframe для сайту. Дану задачу легко вирішить фахівець з підтримки вашого сайту.
Сподіваюся, наші поради і методика аналізу сайту за допомогою Вебвізор дасть розуміння причини виникнення основних проблем вашого сайту і допоможе поліпшити проект для відвідувачів.
Великих вам конверсій!
Автор: Бажанов Роман, Webit (Веб-аналітик)