Яндекс Метрика (Metrika.Yandex) лічильник на сайт – [Інструкція 2020]

Розглянемо, як створити і додати лічильник Яндекс Метрика на сайт.

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

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

Чому потрібно використовувати метрику?

В першу чергу Яндекс Метрика дозволяє адаптувати сайт під запити користувачів.

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

Після додавання Метрики на сайт можна не тільки відслідковувати всі зазначені вище показники, а й переглядати ефективність нововведень, отримувати рекомендації по залученню людей на ресурс.

Зверніть увагу! Використовувати Яндекс Метрика можна тільки в тому випадку, якщо ви маєте право переглядати і редагувати код сайту. Спосіб створення ресурсу не важливий – це може бути будь-яка мова програмування, середовище розробки або робота з уже готовими двигунами.

особливості сервісу

Головна особливість метрики від Яндекс полягає в універсальності сервісу.

Він підійде як для невеликого блогу, так і для великих новинних порталів, інтернет-магазинів, бізнес-сайтів і ресурсів великих компаній.

переваги:

  • Доступ до теплових картах – діаграми і графіки показників, в яких всі зміни і їх ефективність виділені різними кольорами. Це спрощує процедуру аналізу;
  • Безкоштовне розповсюдження. Зареєструватися в Яндекс і створити метрику може будь-яка людина безкоштовно. Платних функцій всередині сервісу немає;
  • Можливість задати конверсію виходячи із зазначеної мети. Всього можна налаштувати не більше 200 цілей для одного створеного лічильника;
  • Перегляд дій одного конкретного користувача;
  • Можна відстежувати офлайн-дані.

Рис.3 – приклад відображення аналітики

Додавання аналітики

Створення метрики можна розділити на кілька етапів.

Розглянемо, як швидко створити ефективну аналітику для сайту.

Вхід в обліковий запис

Для роботи з будь-яким з сервісів Яндекса потрібно бути зареєстрованим в системі.

Якщо у вас вже є аккаунт Яндекса, авторизуйтесь. Створити нову сторінку можна на головній сторінці пошукової системи Yandex.ru.

Після входу в свій аккаунт потрібно перейти на сайт Метрики і натиснути на клавішу «Перейти»:

створення лічильника

У новому вікні натисніть на «Додати лічильник»

Далі відкриється вікно конструктора метрики. Спочатку вкажіть назву лічильника.

Якщо ви займаєтеся підтримкою або адмініструванням відразу декількох сайтів, радимо в поле «Ім’я» вказати назву ресурсу, щоб в подальшому було зручніше знаходити потрібну метрику.

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

Часто сторонні ресурси використовуються розробниками для більш ефективного збору і аналізу даних відвідуваності.

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

Включення повзунка «Вебвізор, скролінг, аналітика форм» дозволить відстежувати абсолютно всі дії відвідувачів сайту – руху мишкою, гортання сторінок, послідовність всіх дій.

Для завершення процедури додавання нового лічильника погодьтеся з умовами угоди і натисніть на «Створити».

формування аналітики

Після формування лічильника з’явиться вікно з описом всіх способів додавання метрики на сайт.

Спочатку виберіть тип коду – HTML, CMS або конструктори ресурсів, системи управління тегами. Обраний варіант повинен відповідати тому, як створений ваш сайт.

Нижче з’являться рекомендації по додаванню лічильника.

В кінці сторінки з’явиться поле з готовим програмним кодом для сайту.

Вам потрібно тільки виділити його, зайти в адміністративну панель ресурсу і додати туди код (в яку папку і куди вписувати код розглянемо нижче).

Для копіювання коду рекомендується натиснути на спеціальну кнопку, а не виділяти рядки мишкою.

Часто користувачі втрачають шматки коду, через що потім довго шукають причину помилок метрики.

Зверніть увагу, у вікні формування коду є поле «Додаткові настройки» (Малюнок 7).

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

  • Відстеження хешу для адресно рядки – застосовується тільки для сайтів з AJAX;
  • Формування асинхронного коду – незалежно від складності метрики її код ніяк не вплине на швидкість завантаження сайту і його роботу;
  • Опції створення коду для XML, переклад коду в один рядок;
  • Заборона індексації означає, що всі сторінки, на яких працює метрика, чи не будуть автоматично відправлятися на індексацію в пошукові системи;
  • графічний інформер – це невеликий візуальний блок, на якому можна вивести дані про перегляди, візитах та відвідувачів;
  • альтернативний CDN – опція, яка дозволяє враховувати дані з тих регіонів, в яких заблокований Яндекс. Іспользвоаніе CDN може вплинути на швидкість роботи ресурсу;
  • Збір даних eCommerce – в метрику будуть відправляти дані електронної комерції. Введіть ім’я для контейнера даних. За замовчуванням це dataLayer.

Також, в додаткових настройках можна вказати валюту сайту (валюта продажу товарів, монетизації контенту) і таймаут візиту відвідувача.

Рис.9 – додаткові налаштування інформера

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

Обхід блокування Яндекса

Як відомо, Яндекс заблокований на території України.

Щоб бачити активність користувачів з цього регіону розробники Яндекса впровадили можливість переміщення метрики з серверів компанії на Amazon.

Для отримання статистики від українських користувачів виконайте наступні кроки:

  • На своєму комп’ютері встановіть найактуальнішу версію браузера Yandex (в старих версіях функції можуть не працювати належним чином);
  • Увімкніть VPN за допомогою будь-якого плагіна або програми (для веб-майстрів з України);
  • Щоб на сайті метрика працювала без проблем, в її коді замініть зазначені на малюнку рядки. По суті, ви просто змінюєте адресу розташування бібліотеки JavaScript. Це ніяк не впливає на функції і підсумкову аналітику.

Установка коду лічильника на сайт

Запрацює аналітика тільки після додавання коду на сайт.

Після копіювання коду створеного лічильника потрібно вставити його в HTML-код ресурсу.

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

Нижче вказані кілька варіантів впровадження програмного коду, в залежності від типу створення сайту.

За допомогою FTP

Якщо ваш ресурс розташований на FTP-сервері, потрібно відкрити адміністративну панель сайту і зайти в кореневий файл з ім’ям header.php.

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

Приклад коду сторінки з підключеною метрикою:

Для сайтів, які написані «з нуля» і FTP-серверів потрібно додавати код метрики на кожну сторінку, дані якої хочете відстежувати.

Використання плагінів

Багато CMS дають розробкам можливість використовувати спеціальні плагіни, які спрощують роботу. У списку є і Яндекс Метрика.

Приклад такого плагіна для WordPress: https://ru.wordpress.org/plugins/yandex-metrika/.

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

Досить завантажити плагін і встановити його. Потім зайдіть в адміністративну панель сайту (Настройки-Яндекс Метрика), вставте шматок коду, який отримали на сервісі Метрики і збережіть зміни.

Далі плагін автоматично застосує отриману інформацію для кожної сторінки вашого сайту.

Google Tag Manager

Якщо ви використовуєте Google Tag Manager, для активації Яндекс Метрики увійдіть в свій аккаунт Гугл.

Відкрийте вікно додавання нового тега. Це повинен бути тег HTML.

Далі виставте галочку напроти пункту «Застосувати до всіх сторінок» або «All Pages», скопіюйте код метрики в поле «Конфігурація». Збережіть зміни.

Додавання Яндекс метрики на готовий движок

Залежно від движка сайту, є ще кілька способів додавання метрики.

WordPress

Зайдіть у вкладку «Зовнішній вигляд сайту» і знайдіть в переліку файлів footer.php.

Відкрийте його і скопіюйте код метрики до початку тегів BODY і HTML.

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

Важливо копіювати згенерований на сайті Яндекса шматок коду цілком і в точно такому ж вигляді додавати його на ваш сайт:

OpenCart

Як відомо, в CMS OpenCart відсутній вбудований редактор шаблонів сайту, тому потрібно зайти на FTP за допомогою FileZilla.

Далі відкрийте документ footer.tpl, він раположен в кореневій папці теми сайту.

У редакторі знайдіть теги DIV і BODY. Між ними потрібно додати метрику:

Wix

У Wix опція підключення метрики доступна тільки тим, хто має платну підписку класу «Преміум».

У ваш обліковий запис, перейдіть у вкладку «Домени». Натисніть на адресу свого сайту.

Потім клікніть на рядок «Веб-аналітика» і напишіть номер лічильника метрики (його можна подивитися на сайті Metrika.Yandex.Ru).

Бітрікс

Відкрийте вікно «Шаблони сайтів» і перейдіть в режим редагування.

Вставте код метрики перед будь-яким іншим тегом і збережіть зміни.

Тест роботи аналітики

Щоб перевірити, чи дійсно ваш лічильник працює і збирає дані, виконайте такі дії:

  • Відкрийте сторінку сайту, яка підтримує аналітику;
  • Перейдемо в режим розробника. Для цього в будь-якому десктопном браузері натисніть на сторінці правою кнопкою мишки і виберіть пункт «Подивитися код елемента». Справа відкриється вікно з кодом;
  • Натисніть на поєднання клавіш Ctrl + Shift + J;
  • Після автоматичного оновлення сторінки в правій частині вікна ви побачите код, який відповідає за збір інформації та статус його виконання. Якщо з’являються помилки, це не завжди говорить про невірний додаванні метрики. Можливо, ви просто не підключили один з параметрів відстеження або ж користувач активував AdBlock.

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

Тематичні відеоролики:

Ссылка на основную публикацию