Как подключить статистику посещений к сайту

Как подключить статистику посещений к сайту

Рецепт на 8 минут

🤔 Что делаем: подключаем к сайту Яндекс.Метрику для оценки посещаемости сайтов и анализа поведения пользователей.

🕔 Время: 8 минут.

Понадобится: аккаунт на Яндексе.

👉 Коротко суть. Владельцу сайта иногда бывает важно выяснить, сколько людей посещает его сайт в день или в месяц, откуда эти люди приходят и как вообще пользуются сайтом. Чтобы это узнать, на сайт ставят специальный код — при загрузке страницы он сам отслеживает действия пользователей, а потом собирает данные в разные отчёты. Сегодня поставим этот код на сайт и посмотрим, как он работает.

👉 Про сервисы сбора статистики у нас есть отдельная статья — в ней мы подробно рассказали, как они устроены, как работают и для чего применяются.

1. Заходим в аккаунт Яндекса

Чтобы пользоваться Яндекс.Метрикой, нужно войти в свой аккаунт, без этого сервис работать не будет. Для этого переходим на страницу Метрики и вводим логин и пароль. Если аккаунта ещё нет — нажмите кнопку «Зарегистрироваться».

2. Добавляем новый счётчик в аккаунт

Счётчик — это код, который смотрит, как посетители пользуются сайтом, на какие страницы заходят чаще всего и откуда приходят. Чтобы получить всю эту статистику, нам нужно сначала создать счётчик, а потом добавить его на сайт.

Чтобы получить новый счётчик, на главной странице сервиса нажимаем кнопку «Добавить счётчик»:

Придумываем название счётчика — оно может быть любым. Это будет полезно, если у вас будет много сайтов и нужно будет как-то различать счётчики. Дальше пишем адрес сайта.  Мы разместим счётчик на нашем учебном сайте mihailmaximov.ru.

Заполняем имя, адрес и нажимаем «Создать счётчик»:

Как подключить статистику посещений к сайту
Перед тем как нажать «Создать счётчик», нужно поставить галочку «Я принимаю условия пользовательского соглашения»

3. Получаем код счётчика

На странице счётчика система нам предложит три варианта установки:

  • HTML — если у вас статический сайт (наш вариант).
  • CMS — подойдёт для сайтов на Вордпрессе и других системах управления контентом.
  • Система управления тегами — для опытных веб-мастеров, которые подключают сразу несколько систем мониторинга и сбора данных.

Выбираем HTML и копируем код счётчика ниже на странице:

Как подключить статистику посещений к сайту
Этот код нужно будет разместить на всех страницах нашего сайта

4. Добавляем код счётчика на сайт

Так как у нас вариант кода для установки в чистый HTML, то используем ту же механику, что и для установки комментариев на сайт:

  1. Открываем панель управления хостинга.
  2. Находим файл index.html — это главная страница нашего сайта.
  3. Открываем исходный код страницы во встроенном редакторе.
  4. Находим раздел <head>.
  5. Вставляем в него наш код счётчика
  6. Сохраняем файл.
  7. Делаем так со всеми страницами сайта, статистику которых хотим отслеживать.

Как подключить статистику посещений к сайту
После вставки кода нажимаем «Сохранить и закрыть»

5. Проверяем работу счётчика

Заходим на страницу со счётчиками и видим зелёный значок — это значит, что Метрика увидела код на сайте:

Если зайдём в сам счётчик, то увидим, что данные уже собираются и статистика работает. На сайтах, которые посещают часто, новые данные о посетителях будут видны уже через 5–10 минут:

Текст:

Михаил Полянин

Редактор:

Максим Ильяхов

Художник:

Алексей Сухов

Корректор:

Екатерина Череповицына

Вёрстка:

Кирилл Климентьев

Соцсети:

Виталий Вебер

Получите ИТ-профессию
В «Яндекс Практикуме» можно стать разработчиком, тестировщиком, аналитиком и менеджером цифровых продуктов. Первая часть обучения всегда бесплатная, чтобы попробовать и найти то, что вам по душе. Дальше — программы трудоустройства.
Начать карьеру в ИТ
Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию Получите ИТ-профессию
Еще по теме
Как на microSD-карточке помещается 1 терабайт?

И это не предел.

medium
Вам мало языка C? Попробуйте C++
Вам мало языка C? Попробуйте C++

Шустрый, мощный, весь обвешан классами.

medium
Зарплата 113 тысяч за то, чтобы ломать программы
Зарплата 113 тысяч за то, чтобы ломать программы

Работа тестировщика как она есть.

easy
Асимметричное шифрование
Асимметричное шифрование

Сложное, но очень полезное.

medium
Решение матричных уравнений
Решение матричных уравнений

Финальная глава саги.

medium
Как это устроено: транзисторы

Наши компьютеры основаны на транзисторах. Но на чём основаны транзисторы?

medium
Что такое рефакторинг
Что такое рефакторинг

Как сделать код чище и понятнее.

easy
Что такое Lisp
Что такое Lisp

Старый, но до сих пор нужный язык программирования

easy
Что такое SCRUM
Что такое SCRUM

Модное слово в разработке. Нужно ли оно?

easy
4 виртуальные машины на любой случай
4 виртуальные машины на любой случай

Машин нет, но они как бы есть

medium
Как подготовить резюме для крупной компании?

Инструкция новичкам от разработчика из Яндекс.Практикума.

easy
Что такое протокол
Что такое протокол

Почему компьютеры вообще друг друга понимают

medium
Haskell — ленивый язык программирования
Haskell — ленивый язык программирования

Он сам решает, что и когда нужно посчитать.

easy
easy