Тема 4. Сервіси Google для оптимізації та аналізу сайтів

1. Основні принципи збору аналітичних даних в Інтернеті

2. Google Search Console: аналіз і виправлення помилок сайту

Google Search Console – це безкоштовний сервіс, за допомогою якого ви можете:

• отримувати інформацію про те, як ваш сайт представлений у результатах пошуку Google,
• оптимізувати контент та усувати можливі неполадки.

Не обов'язково реєструватися в цьому сервісі, щоб ваш сайт потрапив до індексу Google. Однак це дозволить дізнатися, як ваш ресурс сканується Google системами, та покращити його взаємодію з ними. 

Керівництво для початківців: https://developers.google.com/search/docs/fundamentals/seo-starter-guide,
 https://support.google.com/webmasters/answer/10267942

Відео-навчання: 

Для кого призначено сервіс Google Search Console? 

• Для будь-яких власників сайтів та веб-майстрів. Цей сервіс буде корисним як новачкам, так і професіоналам. Ось кілька прикладів: 
• Для фахівців з пошукової оптимізації чи маркетингу у пошукових системах. Google Search Console допоможе вам відстежувати та оптимізувати трафік, позицію та вид сайту в результатах пошуку. Використовуйте інформацію з цього сервісу під час вибору технічних рішень для роботи з контентом. Застосовуйте Search Console та інші засоби веб- аналітики (наприклад, Google Аналітику, Тренди та Рекламу) для маркетингових досліджень. 
• Для адміністраторів веб-сайтів. Завдання адміністратора – забезпечувати стабільну роботу сайту. Google Search Console дозволяє легко відслідковувати і в деяких випадках навіть усувати помилки сервера, неполадки із завантаженням, а також вирішувати проблеми безпеки, такі як зламування сайту та видалення шкідливого ПЗ. Використовуйте наш сервіс, щоб технічне обслуговування або зміна сайту не погіршило його становище у результатах пошуку. 
• Що потрібно знати веб-розробникам. Якщо ви створюєте розмітку та/або код для свого сайту, Google Search Console допоможе вам знайти та усунути типові проблеми з розміткою, наприклад, помилки в структурованих даних.

Як додати сайт до Search Console? Зверніть увагу, що ви маєте підтвердити право власності на сайт. Можна створити ресурс, що включає цілий домен (наприклад, example.com) або його окрему частину (наприклад, example.com/clothing/). До облікового запису Search Console можна додати до 1000 ресурсів. https://support.google.com/webmasters/answer/34592?hl=ru&ref_topic=9128571#add_new&zippy=%2C%D1%80%D0%B5% D1%81%D1%83%D1%80%D1%81-%D1%81- %D0%BF%D1%80%D0%B5%D1%84%D0%B8%D0%BA%D1%81%D0%BE%D0%BC-%D0%B2-url

Огляд звіту у Search Console:

1. Панель навігації. Зверніть увагу: розділи на цій панелі можна згорнути, а деякі елементи відображаються лише за наявності певних даних. Наприклад, розділ "Ефективність" відображається у звіті про розміщення контенту в рекомендаціях, лише якщо ваш сайт з'являється в рекомендаціях Google, а розділ "Покращення" - тільки якщо відповідні розширені результати для вашого сайту відображаються в результатах пошуку Google.
2. Селекторні ресурси. Дозволяє перемикати ресурси та додавати нові. У списку наведено як підтверджені, так і непідтверджені ресурси (наприклад, ті, для яких ви не підтвердили право власності або втратили право). 
3. Інструмент перевірки URL. Введіть повну URL-адресу сторінки поточного ресурсу та отримайте інформацію про її опубліковану та індексовану версію. 
4.  Довідка для сторінки Натисніть, щоб відкрити документацію для цієї сторінки. 
5. Налаштування користувача. Натисніть, щоб переглянути або змінити налаштування на рівні користувача для всіх своїх ресурсів у Search Console. 
6. Панель повідомлень. Натисніть, щоб відкрити панель повідомлень поточного ресурсу. Кількість на піктограмі повідомлень показує, скільки з них ви не прочитали. Повідомлення також надсилаються на адреси електронної пошти власників та користувачів ресурсу. 
7.  Назва звіту. Все, що ви бачите під назвою – це і є звіт або інтерфейс будь-якого інструменту. 
8. Налаштування ресурсу (не показано на зображенні). У нижній частині навігаційної панелі знаходиться піктограма Налаштування для ресурсу.

3. Огляд Google Tag Manager

Google Tag Manager або GTM – безкоштовний сервіс від Google для полегшення роботи з HTML-тегами на сайтах або мобільних додатках. Google Tag Manager – це зручне і, що найголовніше, безкоштовне рішення для керування різними тегами (фрагментами кодів) на вашому сайті. Спочатку цей інструмент був задуманий для керування фрагментами кодів різних аналітичних і рекламних систем, але оскільки інструментарій та можливості у нього дуже широкі, то зараз він використовується і для складніших завдань.

https://tagmanager.google.com/#/container/accounts/6006313379/containers/61496015/workspaces/2

https://developers.google.com/tag-manager/quickstart

https://support.google.com/tagmanager/answer/6103696?hl=ru

Менеджер тегів від Google стане чудовим помічником для тих, хто не має можливості найняти у штат розробника. Для роботи з GTM вам потрібно залучити програміста лише один раз, щоб встановити код менеджера Google на сторінки сайту. Решту роботи ви зможете виконувати самостійно за допомогою готових шаблонів. Які функції виконує GTM?

В чому основні переваги використання Google Tag Manager?

Як відстежити кліки за кнопкою або елементом за допомогою диспетчера тегів? § Дуже часто потрібно передавати дані про кліки за певними елементами на сайті до різних систем аналітики. Нижче ми розберемо, як це зробити на прикладі передачі даних у Google Analytics. Якщо коротко, то алгоритм наступний: § створити тригер, який спрацьовуватиме в момент виконання необхідної дії; § налаштувати тег, який буде передавати інформацію про подію та підключити до неї тригер, створений у попередньому пункті.

Веб-інтерфейс Google Tag Manager досить простий і містить у собі: § Теги – фрагменти коду і не тільки, які ми хочемо активувати на сайті; § Тригери – умови активації тега; § Змінні - можуть використовуватись як у тригерах, так і в тегах. § Сукупність цих компонентів називається контейнером, у кожному з яких є три робочі області, доступні для редагування.

Тег це фрагмент коду, який потрібно виконати. Призначення тегів може бути різним, від передачі даних із сайту в сторонні програми, до зміни форматування стилів на самій сторінці, останнє зустрічається рідше. Якщо сказати просто, то тег, це той фрагмент коду, який вам необхідно було розмістити на вашому сайті без внесення змін до вихідного коду. Тег - це частина JavaScript коду, яка збирає маркетингові дані на сайті та в додатку, а потім пересилає їх на сторонні сервіси, наприклад, Google Analytics, Google Ads, Twitter, Facebook та інші. Тригер – це умова, яка використовується для спрацьовування певного тега. Наведу приклад: під час створення контейнера у вас автоматично створюється тригер "All Pages". Якщо такий тригер підключити до тега, то він (тег) спрацьовуватиме на кожній сторінці вашого сайту із встановленим кодом диспетчера тегів. Наприклад, саме такий триггер потрібен для правильної роботи Google Analytics, встановленої через gtm. Змінна Google Tag Manager - це пара “ключ-значення”. Вони використовуються для зберігання даних, якщо вам доводиться багато разів використовувати те саме значення. Змінні використовуються у двох випадках: для зберігання даних, що використовуються при активації триггерів; для зберігання та передачі даних, що використовуються під час роботи тегів. У багатьох випадках для роботи достатньо активації вбудованих змінних, які постійно оновлюються. Наразі доступні такі категорії: Сторінки, Утиліти, Помилки, Кліки, Форми, Історія, Відео, Прокручування, Видимість.

Тригер - це основна умова спрацьовування тега, без якого він не працюватиме. § Виділяють два види тригерів: § Тригер активації - умова, за якої тег спрацьовує; § Тригер блокування - виняток, при якому тег не працюватиме. § У свою чергу тригери активації поділяються на: § Вбудовані тригери – вже налаштовані та готові до використання; § Користувальницькі тригери - які можна налаштовувати самому. § Наприклад, якщо ти хочеш через GTM додати будь-який код на всі сторінки сайту, то на тег «HTML користувача» ти повісиш тригер на перегляд усіх сторінок. Якщо ж навпаки, тобі потрібен код лише на одній сторінці, то ти налаштуєш його відповідно до URL-сторінки, яка тобі потрібна. Найбільш популярні тригери: Перегляд сторінок - тег спрацьовуватиме на тій сторінці, яку ти задаси; Кліки - тег спрацьовуватиме при кліках на заданий HTML-атрибут або посилання; Подія користувача - один з важливих тригерів, який допомагає налаштувати відстеження необхідних подій на сайті. Нижче наведено список деяких шаблонів тригерів, які за промовчанням надає Google Tag Manager:

Що таке змінні? Змінна є функцією, яку можна викликати всередині іншої змінної, тега або тригера. Вони потрібні для зберігання даних або передачі в тег. § Прикладом даних, що зберігаються, можуть бути: § Об'єкти HTML; § Cookies-сайту; § JavaScript-змінна. § Змінні, як і тригери бувають: § Вбудовані — у вигляді шаблонів і готові до використання; § Користувальницькі – які можна визначити самому. § За замовчуванням GTM доступні не всі змінні, але відсутні можна активувати і вони будуть доступні для подальшого використання.

При роботі з GTM веб-аналітики часто зустрічаються з особливого роду змінної - змінної рівня даних або dataLayer.dataLayer — це назва JS-об'єкта, який служить передачі даних, необхідні роботи GTM, як пар «ключ-значення» всередині нього. Змінна рівня даних дозволяє диспетчеру тегів зчитувати значення налаштованих рівнів даних і передавати їх в теги, тригери і змінні. Сам об'єкт рівня даних є список пар «ключ-значення». Під ключом мається на увазі певна категорія і може бути різні значення. Так, наприклад, можна передавати вибрану мову на сайті або місто, яке вибрав користувач. § В даному випадку код виглядатиме так: § <script> § dataLayer = {'language': 'RU', 'city': 'Москва'}; § </script> § Щоб її встановити, необхідно попросити розробників розмістити змінну рівня даних до оголошення GTM коду на сайті. Для того, щоб звернутися до такої змінної, у GTM є спеціальний тип - Змінна рівня даних.

4. Огляд Google Analytics

Google Analytics дозволяє збирати та аналізувати дані різних цифрових пристроїв. Завдяки цьому, наприклад, можна визначити, звідки користувачі приходять на сайт або мобільний додаток і як вони з ними взаємодіють (оцінити поведінку користувачів). Саму систему аналітики можна розділити на блоки, які виконують такі функції: Збір даних; Блок, що дозволяє зробити налаштування; Блок обробки даних; Виведення звітів у максимально наочному вигляді. Коротко, які дані допомагає збирати Google Analytics: Показники відвідуваності; Характеристики аудиторії; Джерела трафіку; Популярність контенту та розділів сайту; Ефективність продажів.

Нижче стартова сторінка Аналітики навчального сайту.

Саму систему аналітики можна розділити на блоки, які виконують такі функції: § Збір даних; § Блок, що дозволяє зробити налаштування; § Блок обробки даних; § Виведення звітів у максимально наочному вигляді.

Взаємодія роботи cookie  та Google Analytics. 

Ось приклад таких ситуацій: § Ти читаєш цю презентацію, за мірками систем аналітики, сеанс розпочався. Але ти зголоднів і, не закриваючи вкладку браузера, йдеш на кухню приготувати собі вечерю, на годиннику 19:00. Смачно поївши, ти повертаєшся за комп'ютер о 19.35 і лічильник аналітики вже реєструє новий сеанс. § Захоплений проходженням курсу, ти дивишся на якийсь час, а вже 00:05 ночі. Це означає, що 5 хвилин тому розпочався новий сеанс. § Ти зайшов на сайт курсу, натиснувши на посилання в оголошенні контекстної реклами. Твій сеанс зареєструвався, але ти випадково закрив сторінку і, щоб повернутись, натиснув на інше оголошення, яке привело тебе назад на сайт – зареєструється другий сеанс.

Існує ряд похибок з кукі, які не дозволяють зібрати аналітичні дані:

якщо користувач заблокував «куки» – не буде відстежено

• якщо користувач видалив «кукі» – буде вважатися новим відвідувачем

• якщо користувач вимкнув JavaScript – не буде відстежено

• навіть якщо сторінка з кешу – відстеження відбувається

• якщо «глючить» якийсь JavaScript до завантаження ga.js – відстеження не буде

• дані ніколи не бувають точними на 100%

Формалізовано збір даних в аналітиці можна зобразити наступним чином

Обмеження Google Analytics

• Обмеження на частоту звернень – 1/сек.

• 500 запитів у рамках однієї сесії (не включаючи e-

commerce)

• 200 тис. запитів / відвідувача

• 10 млн. запитів для облікового запису

• Статистика лише по 50 тис. унікальних сторінок на день

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

За допомогою подій зазвичай відстежують користувацькі взаємодії з контентом сайту. Завантаження будь-яких документів, кліки по банерах, відправка заявок через форми, відтворення відео - всі ці дії можна відстежувати як події. § Подія має таку структуру: § Категорія (Category) - подібні типи подій на сайті поєднуються в категорії; § Дія (Action) — використовується для позначення події, що відстежується, або взаємодії, пов'язаної з елементом сайту; § Ярлик (Label) — ярлики дозволяють надати додаткову інформацію для подій, що відстежуються; § Значення чи цінність (Value) — на відміну від інших х компонентів події, значення - це рядки, а цілі числа. § Всі назви компонентів події та цінність ти ставиш сам при його налаштуванні, але про це у наступному модулі.

Нижче приклади типових звітів.

З 2023 року відбудеться інтегреція класичної версії Google Analytics в Google Analytics 4, що має ряд значних відмінностей, які буде розглянуто в наступній темі.