Як налаштувати аналітику на сайт, частина 2

  1. Визначаємо завдання для аналітики
  2. Налаштування простих подій в Яндекс.Метрика
  3. Налаштування простих подій в Google Analytics
  4. Додавання події на заповнення форми для Google Analytics
  5. Додавання Цілі "Заповнення форми" в Яндекс.Метрику
  6. Перевірка роботи тегів в GTM в режимі попереднього перегляду
  7. підсумок:

Цикл статей про веб-аналітиці буде присвячений установці лічильників, налаштування цілей і огляду звітів систем аналітики. У другій частині ми покажемо, як налаштувати події для Яндекс.Метрики і Google Analytics

На кожен сайт люди потрапляють різними шляхами і з різними цілями. Хтось приходить з пошуку з конкретним запитом, хтось заходить на сторінку з закладок, дивиться потрібну інформацію (наприклад, розклад) і виходить. Одна з найважливіших завдань веб-аналітики - вивчення аудиторії сайту і її поведінки на різних сторінках. На комерційних сайтах головна мета - продажу, заявки на дзвінок або інші звернення, це називається макроконверсіей. Однак, існують і мікроконверсіі - наприклад, перегляд декількох карток товару, перехід на сторінку "Контакти", використання фільтрів каталогу і багато інших. Щоб відрізнити зацікавлених клієнтів від тих, хто потрапив випадково, можна налаштувати події для Яндекс.Метрики і / або Google Analytics. Тоді за допомогою спеціальних звітів, ми зможемо відповісти на багато важливих питань, наприклад:

Це тільки приклади, решта залежить від вашої фантазії, адже можливості створення подій практично не обмежені

  • Визначаємо завдання для аналітики

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

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

    Ми вважаємо, що у нас вже встановлені лічильники Метрики і Google Analytics на сайт. Як це зробити, можна прочитати в попередній статті .

    Для метрики ми налаштуємо 2 події: відвідування контактну групу та перегляньте трьох сторінок сайту. Почнемо з останнього.

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

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

    Створимо подія для відвідування сторінки з контактами. Для цього знову натискаємо "Додати мета", вводимо назву події (я вибрав "відвідування сторінки" Контакти "", але можна використовувати будь-яке інше, вам зрозуміле). У закладках вибираємо "Відвідування сторінок". Тепер потрібно повідомити події, яку або які сторінки ми хочемо відстежувати. На нашому сайті url сторінки контактів www.inetmarketing.ru/contacts/, так що я вибираю в випадаючому списку "url: містить", а в полі додаю "contacts". натискаємо кнопку "Додати мета" і зберігаємо.

    тепер у нас є дві мети в списку, відстеження яких вже може дати відповіді на деякі питання веб аналітики

  • Налаштування простих подій в Google Analytics

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

    Почнемо створювати цілі. У тій же вкладці, з обраним нашим новим поданням натискаємо пункт меню "Цілі". Далі натискаємо кнопку "+ Мета" і потрапляємо в інтерфейс створення. У ній встановлені деякі шаблони, але можна в них не виникають і вибирати пункт "Власна мета". Натискаємо "Продовжити". Вводимо назву цілі (знову довільно, але краще щоб було зрозуміло), Список з ідентифікаторами можна не чіпати, а ось тип події вибрати "Сторінок / екранів за сеанс". Натискаємо кнопку "Продовжити". У докладних відомостях ставимо цифру 3 в відповідне поле. Подія готове, тиснемо "Зберегти".

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

    Остання проста мета буде відвідування сторінки "Контакти", така ж, як ми робили для метрики. Створюємо нову мету, знову вибираємо "Власна мета", натискаємо "Продовжити", вводимо назву, але тип цілі вказуємо "Перехід". У випадаючому списку вибираємо "Так само" і пишемо / contacts /. У вас швидше за все іншу адресу, дивіться приклади в самому інтерфейсі. Зберігаємо подія.

  • Додавання події на заповнення форми для Google Analytics

    Звичайно, для комерційних сайтів більш цікаві продажу або заявки, тому подія на заповнення форм заявки для таких сайтів - обов'язкова умова для грамотної аналітики, особливо для аналізу ефективності контекстної реклами або інших платних (контекстна реклама, ролики, банери і т.д.) і умовно безкоштовних джерел трафіку (SEO, SMM, блоги і т.д.)

    Налаштовувати подія будемо через Google Tag Manager, який ми вже встановили, створили і налаштували в минулий раз. Як працює подія в GTM?

    1. Код виповнюється на кожній сторінці і моніторить Тригер;
    2. при виконанні умов тригера, він активує Таг (Tag);
    3. таг виконує свій шматок коду, який в нього закладено.

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

    Створимо нову подію в Google Analytics для заповнення форми. Для цього йдемо в закладку Адміністратор - уявлення - цілі, кнопка + Мета. У шаблоні виберемо "Власна мета", назвемо подія зрозумілим нам способом і виберемо тип "Подія". Натискаємо "Продовжити".

    В інтерфейсі події в поле "Категорія" пишемо щось запам'ятовується (я зазвичай пишу "events"), а в дію пишу - submitform. Можна щось інше, але те, що можна запам'ятати і на латиниці. Категорія і дію - обов'язкові поля, інші можна не заповнювати. Зберігаємо. У нас з'явилося нове подія в загальному списку, можна йти в GTM.

    в інтерфейсі Google Tag Manager створюємо тригер. Перед цим варто переконатися, що у нас включені стандартні зміни для форм. Ми це робили минулого разу, але краще перевірити. Заходимо на вкладку змінні і дивимося, щоб галочки поруч з формою стояли. Також варто додати змінну з номером лічильника GA, це теж було розглянуто в минулому пості.

    Переходимо на вкладку з тригерами і натискаємо кнопку "New".

    У типі тригера вибираємо "Відправлення форми і відключаємо зелену галочку перевірки (Check Validation). З нею по ідеї працювати повинно краще, але на практиці це поки не так. Натискаємо continue і" деякі форми ". Далі потрібно вибрати за допомогою виразів, які саме форми ви маєте на увазі. На сайті їх може бути багато, в нашому випадку вони все - форми заявки, але можуть ще бути форми голосовалок, пошуку по сайту і інші. Тому при верстці краще дати всім головним формам схожі id або класи, за якими їх легко відрізнити від інших форм. На нашому сайті всі форми називаютс я form1, form2, form3 і т.д., тому я легко можу виділити загальний ознака, id всіх форм містить слово "form". Подивився я це через інструменти розробника, вивчивши код форм.

    Вибираємо в списку ліворуч Form ID, якщо там нічого подібного немає, ви не включили змінні такого типу, вище написано, як і де це зробити. вибираємо тип виразу "contains" (містить) і вписуємо слово "form". Натискаємо "Створити тригер, вибираємо зрозуміле ім'я (" Відправлення форми ", наприклад)" і зберігаємо його.

    Тригер створений, потрібно створювати тег. Переходимо в меню "Теги", натискаємо "Новий". У цьому тезі ми відправимо подія в Google Analytics, тому вибираємо пункт "Google Analytics", тип тега - Universal Analytics, а в поле "Ідентифікатор відстеження" вставляємо заготовлену змінну {{ga}}. Ми її впровадили в минулому пості саме для спрощення подібних завдань. Тип відстеження вибираємо "Подія" і заповнюємо категорію і дію так, як ми робили при створенні події в Google Analytics. У моєму випадку Категорія - events, дія - formsubmit. В ярлик я додав змінну {{Form ID}}, в основному для прикладу, що GTM може передати якісь додаткові відомості в цю функцію, наприклад в значення можна передати вартість товару і вивести на її підставі цінність події.

    Натискаємо Далі, потрапляємо в вибір тригера. Є кілька стандартних тригерів, ми вже використали "всі сторінки" для лічильників, але нас цікавить тригер, який ми недавно створили для наших форм. Щоб його вибрати, натискаємо кнопку "More" (Ще) і ставимо галочку навпроти нашого тригера "відправка форми". Краще не називати тригери і теги випадковими або незрозумілими іменами, адже зібратися їх може багато, а розбиратися в них хотілося б швидко. Зберігаємо тег і перед закриттям пишемо йому запам'ятовується, в моєму випадку це "Відправлення заповнення форми в Google Analytics". Довгий, зате відразу ясно його призначення.

  • Додавання Цілі "Заповнення форми" в Яндекс.Метрику

    Щоб відправити факт здійснення події в систему Яндекс.Метрика, нам потрібно створити для користувача подія, так як стандартні теги GTM Метрику в себе не включають. Спочатку створимо саму мету. Заходимо в Метриці: настройки - Цілі - Додати мета. У типі умови вибираємо "JavaScript подія". Прописуємо зрозумілу назву і додаємо спеціальний ідентифікатор. Я назвав його formsubm, можна як вам зручніше, але на латиниці. Натискаємо "Додати мета".

    Ми створили мета для метрики. що це означає? Що при виконанні коду виду yaCounterXXXXXXXX.reachGoal ( 'formsubm'); на сторінках сайту в метрику буде відправлено подія - мета forsubm виконана. XXXXXXXX - це код лічильника вашої метрики (Не ID мети!), А formsubm - назва нашої мети, яку ми поставили при створенні

    Тепер нам потрібно в ГТМ створити новий тег, який буде виконувати цей шматок коду по триггеру "Заповнення форми", який ми вже створили для GA. Заходимо в Теги - Новий - вибираємо "Призначений для користувача тег HTML. В основне поле HTML додаємо код:

    В основне поле HTML додаємо код:

    Не забудьте замінити XXXXXXXX на свій номер лічильника метрики! У виборі тригерів використовуємо кнопку "Ще" і вибираємо наш створений тригер "Відправлення форми". Зберігаємо, вибираємо зрозумілу назву, готово. Можна публікувати контейнер, а можна спочатку протестувати

    Можна публікувати контейнер, а можна спочатку протестувати

  • Перевірка роботи тегів в GTM в режимі попереднього перегляду

    Щоб перевірити працездатність тегів і тригерів, запустимо GTM в режимі попереднього перегляду. Це дуже зручний режим, який працює і до публікації змін. Для цього натискаємо стрілку вниз поруч із кнопкою "Опублікувати" і вибираємо середню кнопку (Preview / попередній перегляд)

    Коли GTM у нас знаходиться в попередньому перегляді, просто відкриваємо наш сайт в новій вкладці того ж браузера. (Працює в інкогніто). Знизу з'являється спеціальна панель, на якій для нашої задачі цілком вистачає панелі за замовчуванням, де пишуться всі теги, виконані на сторінці. Ми побачили, що у нас виконався тег з кодом лічильника аналітики і тег з кодом лічильника Яндекс.Метрики, вони виконуються просто по завантаженні сторінки.

    Щоб перевірити коректність роботи тегів, виконаємо тестове заповнення форми заявки. Набираємо випадкові дані і просто натискаємо "відправити".

    Як видно на скріншоті, крім виконаних кодів лічильників, у нас спрацювали теги відправки подій і в Google Analytics і в Метрику

    Коректність роботи подій Google Analytics можна і в звітах реального часу в самій системі.

  • підсумок:

    В результаті у нас вийшли налаштовані події, що визначають зацікавленого користувача: перегляд декількох сторінок і / або тривале перебування на сайті. Варто відзначити, що Google Analytics не зарахує час на сайті, якщо користувач не переходив по посиланнях на сторінці або не виконував якісь події і дії на сторінці. В цьому випадку система зрозуміє відвідування як відвідування з відмовою. Метрика вважає, що якщо людина пробула хоча б 15 секунд на сайті, то відмовою вважатися це посещееніе не буде. Це ключові відмінності в розрахунку відмов у цих системах, тому майже завжди відмови в метриці нижче, ніж відмови в GA.

    Також ми створили подія на заповнення форми і можемо відстежувати в звітах джерела, з яких приходять конверсії, що допоможе порахувати окупність платних каналів, окремих оголошень або постів в соцмережах. Як відстежувати різні джерела за допомогою UTM міток, буде розглянуто в інших постах нашого блогу.

Як працює подія в GTM?
О це означає?