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

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

Рецепт на 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
Процессоры x86 и ARM — в чём разница?
Процессоры x86 и ARM — в чём разница?

Правда ли, что процессор в вашем мобильнике мощнее, чем в вашем компьютере?

easy
Как отправить JSON-данные на сервер
Как отправить JSON-данные на сервер

Первый шаг на пути к облачному хранению данных.

medium
Что такое SEO
Что такое SEO

Это оптимизация страницы, чтобы поисковикам было удобнее её искать

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

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

easy
Как устроена и зачем нужна двухфакторная аутентификация
Как устроена и зачем нужна двухфакторная аутентификация

Когда нужно ещё что-то кроме пароля.

easy
Как устроена и кому нужна стажировка в Яндексе
Как устроена и кому нужна стажировка в Яндексе

Как туда попасть и что там делают.

easy
Программисты из SpaceX отвечают на вопросы про разработку
Программисты из SpaceX отвечают на вопросы про разработку

Переводим для вас популярный тред из Reddit.

easy
Как устроен React
Как устроен React (на примере статьи про эпидемию)

Это как JavaScript, только интереснее.

hard
Зачем нужны парсеры
Зачем нужны парсеры

И как стащить с сайта что угодно.

medium
Что такое FTP и зачем оно нужно

Это очень надёжно, но очень небезопасно.

easy
easy