Как добавить аналитику на сайт — за 10 минут и без программиста
Ты задеплоил свой первый сайт, отправил ссылку друзьям — и теперь сидишь и гадаешь: заходит ли вообще хоть кто-нибудь? С какого устройства? На какую страницу?
Без аналитики ты улучшаешь сайт вслепую. С ней — за десять минут получаешь живые цифры. И вот неожиданное: чтобы их получить, не нужен программист и почти не нужен код. Сейчас сделаем по шагам.
Шаг 1. Выбери счётчик
Тебе нужен один сервис аналитики. Два разумных варианта для новичка:
- Plausible — простой, без cookie-баннера, платный после пробного периода. Дашборд понятен с первого взгляда.
- Google Analytics 4 (GA4) — бесплатный и мощный, но интерфейс перегружен и требует баннер про cookie.
Если просто хочешь увидеть «сколько людей и откуда» — бери Plausible. Если нужен бесплатный максимум данных — GA4. Дальше шаги одинаковые.
Шаг 2. Заведи проект и получи сниппет
Зарегистрируйся в выбранном сервисе. Он спросит адрес твоего сайта — впиши свой домен (например, myapp.ru). В ответ сервис выдаст «сниппет» — короткий кусок кода вроде такого:
<script defer data-domain="myapp.ru" src="https://plausible.io/js/script.js"></script>
Это одна строчка. Её и нужно поставить на сайт. Скопируй её целиком.
Шаг 3. Вставь сниппет в <head>
Открой главный файл сайта (часто это index.html или общий шаблон страницы). Найди тег <head> — он в самом верху. Вставь сниппет прямо перед закрывающим </head>:
<head>
<!-- твои мета-теги и стили -->
<script defer data-domain="myapp.ru" src="https://plausible.io/js/script.js"></script>
</head>
Если не знаешь, где <head> — это там же, где живут мета-теги сайта. Не уверен — попроси своего ИИ-агента: «вставь этот сниппет аналитики в head». Это одна из самых безопасных правок.
Шаг 4. Задеплой обновление
Сохрани файл и выложи сайт заново — так же, как деплоил в первый раз. Пока изменение не доехало до боевого адреса, счётчик не считает: он живёт на реальной странице, а не у тебя на ноутбуке.
Шаг 5. Проверь, что визит долетел
Это шаг, который пропускают — и потом удивляются пустому дашборду. Открой свой сайт в режиме инкогнито (чтобы не мешали твои расширения), кликни пару страниц. Вернись в дашборд аналитики. В течение минуты там должен появиться 1 живой посетитель — это ты.
Появился — всё работает. Не появился — почти всегда причина в том, что сниппет вставлен не туда или сайт не передеплоен. Вернись к шагам 3 и 4.
Шаг 6 (бонус). Поставь одну цель
Цифра «зашло 50 человек» приятна, но бесполезна. Полезно — «5 человек нажали кнопку Купить». Это называется «цель» (goal/event). В сервисе создай одну цель на главное действие твоего сайта и привяжи к нужной кнопке. Теперь ты видишь не просто визиты, а результат.
Что получится
Через десять минут у тебя дашборд с настоящими цифрами: сколько людей зашло, с телефона или компьютера, откуда пришли (поиск, соцсети, прямая ссылка), какие страницы смотрят дольше. Это первое окно в реальное поведение людей — и фундамент, на котором потом строится SEO и любые улучшения.
Это бесплатно?
Зависит от сервиса. GA4 бесплатен. Plausible и подобные — платные после пробного периода, но дёшевы для маленького сайта. Для первого проекта хватит и бесплатного GA4.
Нужно ли спрашивать согласие на cookie?
Если ставишь GA4 — да, по закону многих стран нужен баннер про cookie. Plausible и похожие «бескуковые» счётчики такого баннера обычно не требуют — это одна из причин их выбрать новичку.
Короткие уроки-истории, симулятор агента и ежедневная практика — в нашем мобильном приложении. Бесплатно.
Читайте дальше
Почему падает деплой, хотя локально всё работает — 3 причины, с которых начать
Почему код от ИИ с багами — 3 причины, и почему это не значит «ИИ тупой»
Как принять первую оплату — пошагово, не становясь банком и не трогая карты
Ошибка 500 — что значит и как чинить: 3 причины, с которых начать
Как пользоваться Git новичку — пошагово, и почему это машина времени для кода
