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

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

Рецепт на 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
Как устроен React
Как устроен React (на примере статьи про эпидемию)

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

hard
Смарт-ТВ изнутри: как это устроено и что там бывает
Смарт-ТВ изнутри: как это устроено и что там бывает

Разбираемся в умных технологиях

easy
Что такое альфа- и бета-версии
Что такое альфа- и бета-версии

Иногда тестировщики — это мы с вами

easy
Как работает авторегистрация пользователя на сайтах
Как работает авторегистрация пользователя на сайтах

Это когда только зашёл на сайт и сразу получил аккаунт без регистрации

medium
«Я не успеваю писать код, но участвую во всех важных обсуждениях». Как работает руководитель разработки Яндекс.Практикума
«Я не успеваю писать код, но участвую во всех важных обсуждениях». Как работает руководитель разработки Яндекс.Практикума

От первого сайта за 300$ до руководителя в Яндексе.

Sora: что умеет самая продвинутая нейросеть
Sora: что умеет самая продвинутая нейросеть

Гиперреалистичные видео по текстовому описанию

easy
easy
[anycomment]
Exit mobile version