Аналитика сайта: подключаем счётчик и смотрим, что делают посетители

Задача

Мерве (уроки 4.2-4.10) поставила ссылку на сайт в шапку Instagram и раздала визитки с QR-кодом. Записей на мастер-классы стало больше, но откуда пришли люди, она не знает. Смотрят ли расписание? Нажимают ли кнопку WhatsApp или уходят с первой страницы? Без цифр она не понимает, во что вкладывать время: в Instagram, в визитки или в сам сайт.

Словарик.

• Счётчик (тег): кусочек кода на сайте, который сообщает сервису аналитики, что кто-то открыл страницу или нажал кнопку.
• Ресурс (property): «папка» в Google Analytics для одного сайта.
• Поток данных (data stream): подключение конкретного сайта к ресурсу. У него есть Measurement ID вида G-XXXXXXX.
• Событие (event): действие посетителя: открыл страницу, прокрутил, нажал кнопку.
• Ключевое событие (key event): событие, которое важно для бизнеса, например «нажал кнопку заявки».

Шаги

1. Сначала реши вопрос с согласием. В уроке 4.2 мы сознательно сделали сайт без счётчиков. Счётчик собирает данные о посетителях, и обязанности по KVKK появляются у тебя.

   • Общий принцип из руководства KVKK по cookies (Çerez Uygulamaları Hakkında Rehber, июль 2025): для рекламных cookies и слежки за человеком между сайтами нужно явное согласие (açık rıza). Собственная (birinci taraf) аналитика «только для работы своего сайта» по руководству может обойтись без açık rıza, но с условиями (минимум данных, без слежки между сайтами). И выводы зависят от того, как именно она настроена.
   • Google Analytics это внешний сервис, данные уходят в Google. Поэтому на практике обычно ставят баннер согласия: счётчик включается только после «Kabul ediyorum», и в aydınlatma metni есть пункт про аналитику (урок 4.6).
   • Сам Google Analytics баннер не делает: его режим согласия (consent mode) только «слушает» твой баннер. ⚠️ Это общий принцип, а не юридическая консультация. Формулировки баннера и текста уведомления уточни у юриста и сверь с kvkk.gov.tr.

2. Создай ресурс в Google Analytics.

   • Открой analytics.google.com и войди в Google-аккаунт бизнеса.
   • Если аккаунта Analytics ещё нет, мастер настройки предложит создать его: название, настройки обмена данными.
   • Admin → создать → Property: название (Merve Seramik), часовой пояс (Türkiye), валюта (TRY), отрасль и размер бизнеса, цели.
   • Добавь поток данных: Admin → Data collection and modification → Data streams → веб. Адрес сайта и название потока. Улучшенную статистику (Enhanced measurement) оставь включённой: она сама считает просмотры страниц, прокрутку, переходы на другие сайты (по справке Google это клики по ссылкам на другой домен; ссылки tel: справка не упоминает).
   • В Stream details скопируй Measurement ID (G-…).

3. Вставь счётчик через Claude Code. Measurement ID не секрет: он всё равно виден в коде сайта, его можно дать Claude. Пароль от Google-аккаунта не давай никогда. Вставь запрос из шаблона ниже: Claude Code добавит тег Google (gtag.js) на все страницы, но так, чтобы он включался только после согласия в баннере.

4. Проверь у себя и опубликуй (цикл из урока 4.10). Открой сайт, нажми «Kabul ediyorum» и загляни в Reports → Realtime: там должен появиться посетитель. По справке Google, сбор данных может начаться в течение 30 минут, так что не паникуй сразу. Нажми «Reddet»: посещение не должно попасть в отчёт.

5. Настрой событие «нажали кнопку заявки». Для Мерве важны не просмотры, а нажатие WhatsApp и звонка.

   • Попроси Claude Code отправлять событие generate_lead при нажатии на кнопки WhatsApp и звонка, с пометкой, какая кнопка (шаблон ниже).
   • Проверь в Realtime: нажал кнопку, и событие появилось.
   • Сделай его ключевым: Admin → Data display → Events → найди generate_lead → нажми звёздочку. В обычных отчётах ключевое событие может появиться в течение 24 часов.

6. Первые отчёты. Слева Reports:

   • Realtime: кто на сайте прямо сейчас. Удобно для проверки.
   • Acquisition → Traffic acquisition: откуда пришли. Organic Social (Instagram), Direct (набрали адрес, QR-код), Organic Search (поиск).
   • Engagement → Pages and screens: какие страницы смотрят, сколько времени, сколько ключевых событий. Смотри раз в неделю, не каждый час. Решения принимай, когда накопится хотя бы несколько недель данных.

7. Альтернатива с упором на приватность. Cloudflare Web Analytics бесплатна и, по заявлению Cloudflare, работает без cookies и localStorage, без «отпечатков» браузера. Сайт на Cloudflare Pages: проект → Metrics → включить Web Analytics, код добавится при следующей публикации. Сайт на другом хостинге: добавить сайт на странице Web Analytics в панели Cloudflare и вставить выданный JS-код перед закрывающим тегом </body>. Отчёты проще, чем в Google Analytics, но для «сколько людей и откуда» часто хватает. Нужен ли баннер в этом случае, тоже вопрос к юристу.

⚠️ Не передавай в аналитику имена, телефоны, e-mail из форм. Событие это «нажали кнопку», а не «кто нажал».

Шаблон

Я [имя], не программист. Объясняй простыми словами.
Задача: подключить Google Analytics 4 к сайту.
Measurement ID: [G-XXXXXXX].
Требования:
1. Баннер согласия на турецком внизу экрана: короткий текст, кнопки «Kabul ediyorum» и «Reddet», ссылка на [страницу с aydınlatma metni / çerez politikası].
2. Тег Google (gtag.js) загружается ТОЛЬКО после «Kabul ediyorum». После «Reddet» ничего не загружается. Выбор запоминается.
3. Тег на всех страницах сайта.
4. Событие generate_lead при нажатии кнопки WhatsApp (method: "whatsapp") и кнопки звонка (method: "phone").
5. Никаких имён, телефонов и e-mail в событиях.
6. Внизу сайта ссылка «Çerez tercihleri», чтобы изменить выбор.
Сначала план, жди моего «ок». В конце скажи, как проверить в Realtime, и сделай коммит.
Текст баннера покажи отдельно, я согласую его с юристом.