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

Рецепт на 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 терабайт?
Как на microSD-карточке помещается 1 терабайт?

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

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

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

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

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

easy
Продвинутый CSS: работаем с селекторами атрибутов
Продвинутый CSS: работаем с селекторами атрибутов

Игрушки для сложных случаев вёрстки в вебе

easy
«Я прочитал статью в Коде и пошёл работать аналитиком»: что произошло с Тагиром за год
«Я прочитал статью в Коде и пошёл работать аналитиком»: что произошло с Тагиром за год

Честное интервью о том, чем занимаются аналитики

easy
JavaScript для новичков: чем опасны нестрогие типы данных
JavaScript для новичков: чем опасны нестрогие типы данных

В JavaScript есть удобная штука, которая может сильно вам навредить.

medium
Олимпиадное программирование: что, как и почему Россия впереди всего мира
Олимпиадное программирование: что, как и почему Россия впереди всего мира

Конспект подкаста «Запуск завтра»

easy
Почему Ассемблер — это круто, но сложно
Почему Ассемблер — это круто, но сложно

Потому что это круто. Но сложно.

hard
Лучшие инструменты визуализации данных для аналитиков в 2023 году
Лучшие инструменты визуализации данных для аналитиков в 2023 году

Быстро и наглядно

easy
easy