Пошаговый туториал: как настроить Google Analytics 4 для отслеживания SMM. Создание property, установка тега, события, UTM-метки, отчёты.

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Google Analytics 4 (GA4) — основной инструмент для атрибуции трафика из соцсетей. В этом туториале настроим GA4 с нуля: создадим property, установим тег, настроим ключевые события и UTM-метки для SMM-кампаний. Без GA4 вы не сможете посчитать ROMI от SMM — будете «гонять вслепую».

Создание property

Откройте analytics.google.com, войдите под Google-аккаунтом.
Admin → Create account (если нет) или выберите существующий.
Create property:
- Property name: «SMMBoost»
- Currency: Российский рубль (RUB)
- Time zone: Europe/Moscow
Business details: выберите отрасль и размер бизнеса.
Business objectives: выберите «Generate leads» и «Drive online sales».
Data stream: Web → введите URL сайта (например, https://smmboost.io) → Create stream.
Сохраните Measurement ID вида G-XXXXXXXXXX.

Установка тега

Самый простой способ — Google Tag Manager (GTM):

Создайте контейнер в tagmanager.google.com.
Установите GTM-код в <head> и <body> сайта.
В GTM добавьте тег Google Tag с конфигурацией GA4 Measurement ID.
Trigger: All Pages.
Опубликуйте контейнер.

Альтернатива — установка прямо в код сайта:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

Для Next.js создайте файл src/app/layout.tsx с подключением:

import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <Script
          src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_ID}`}
          strategy="afterInteractive"
        />
        <Script id="ga4-init" strategy="afterInteractive">
          {`
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', '${process.env.NEXT_PUBLIC_GA_ID}');
          `}
        </Script>
      </head>
      <body>{children}</body>
    </html>
  );
}

Настройка событий

GA4 автоматически собирает: page_view, scroll, click, first_visit. Для SMM добавьте кастомные:

// Регистрация пользователя
gtag('event', 'sign_up', {
  method: 'email',
  source: 'instagram_bio'
});

// Создание заказа
gtag('event', 'purchase', {
  transaction_id: 'order_12345',
  value: 480,
  currency: 'RUB',
  items: [{
    item_id: 'instagram_followers_1000',
    item_name: 'Instagram подписчики 1000',
    quantity: 1,
    price: 480
  }]
});

// Клик по ссылке в соцсети
gtag('event', 'select_content', {
  content_type: 'service_link',
  item_id: 'telegram_followers'
});

// Пополнение баланса
gtag('event', 'add_payment_info', {
  value: 5000,
  currency: 'RUB',
  payment_type: 'yoomoney'
});

Отметьте ключевые события (конверсии) в Admin → Events: purchase, sign_up, add_payment_info. Это позволит считать их в отчётах по конверсиям.

UTM-метки

UTM-метки позволяют атрибутировать трафик к конкретной кампании. Формат:

https://smmboost.io/services?
  utm_source=instagram
  &utm_medium=social
  &utm_campaign=summer_promo_2026
  &utm_content=reels_june15
  &utm_term=followers

Шаблоны UTM для разных платформ:

| Платформа | utm_source | utm_medium | utm_campaign | | --- | --- | --- | --- | | Instagram bio | instagram | social | bio_link | | Instagram Reels | instagram | social | reels_{date} | | Telegram channel | telegram | social | channel_post | | YouTube description | youtube | video | video_{id} | | TikTok bio | tiktok | social | bio_link | | VK group | vk | social | group_post |

Используйте Google URL Builder или Генератор UTM от Tinkoff для генерации ссылок. Ведите реестр всех UTM-меток в Google Sheets, чтобы не запутаться.

Отчёты для SMM

В GA4 перейдите в Reports → Acquisition → User acquisition и Traffic acquisition:

1. Источник трафика. Срез по Session source/medium — видите, какие соцсети приводят больше сессий.

2. Конверсии по источникам. Reports → Conversions → Conversions с разбивкой по Session source. Это главный отчёт для расчёта ROMI по каналам.

3. Вовлечённость. Reports → Engagement → Pages and screens — какие страницы чаще смотрят из соцсетей.

4. Когортный анализ. Explore → Cohort exploration — возвращаемость пользователей из разных соцсетей.

5. Воронка регистрации/покупки. Explore → Funnel exploration:

Session start → 2. Page view (services) → 3. Sign up → 4. Add payment info → 5. Purchase

Кастомный дашборд через Looker Studio (бывший Data Studio) подключается к GA4 и строит визуализации по SMM-каналам с расчётом ROMI и CAC.

Проверка работоспособности

После установки GA4 проверьте, что данные собираются корректно:

1. Realtime-отчёт. Откройте Reports → Realtime, зайдите на свой сайт. Через 30–60 секунд вы должны увидеть 1 активного пользователя. Если нет — тег установлен неправильно.

2. DebugView. Включите режим отладки через расширение GA Debug для Chrome. Откройте сайт, выполните действия (регистрация, клик). В DebugView увидите все события с параметрами.

3. Проверка конверсий. После настройки ключевых событий подождите 24 часа. В Reports → Conversions должны появиться purchase, sign_up с количеством > 0.

4. UTM-тест. Создайте ссылку с UTM, перейдите по ней, выполните конверсию. Через 24 часа в Traffic acquisition увидите сессию с вашим utm_source.

5. Фильтрация ботов. В Admin → Data streams → Configure tag settings включите «Exclude internal traffic» и укажите IP вашего офиса. Иначе ваши тесты исказят статистику.

6. Сравнение с UA3. Если переходите с Universal Analytics — сравнивайте метрики первые 2 недели. Расхождения > 20% говорят о проблеме с тегом.

Итог

За 30–60 минут вы получаете работающую GA4-аналитику для SMM-кампаний: тег установлен, ключевые события настроены, UTM-шаблоны созданы, базовые отчёты доступны. Для глубокой аналитики подключите Looker Studio и создайте дашборд с ROMI по каждому каналу.

Что дальше

Настройте Server-side GTM для обхода блокировок и повышения точности
Подключите Google Ads для импорта конверсий в рекламные кампании
Создайте кастомные аудитории для ретаргетинга
Настройте оповещения об аномалиях через Anomaly Detection
Интегрируйте с CRM через Measurement Protocol для атрибуции офлайн-конверсий

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Создание property

Откройте analytics.google.com, войдите под Google-аккаунтом.
Admin → Create account (если нет) или выберите существующий.
Create property:
- Property name: «SMMBoost»
- Currency: Российский рубль (RUB)
- Time zone: Europe/Moscow
Business details: выберите отрасль и размер бизнеса.
Business objectives: выберите «Generate leads» и «Drive online sales».
Data stream: Web → введите URL сайта (например, https://smmboost.io) → Create stream.
Сохраните Measurement ID вида G-XXXXXXXXXX.

Установка тега

Самый простой способ — Google Tag Manager (GTM):

Создайте контейнер в tagmanager.google.com.
Установите GTM-код в <head> и <body> сайта.
В GTM добавьте тег Google Tag с конфигурацией GA4 Measurement ID.
Trigger: All Pages.
Опубликуйте контейнер.

Альтернатива — установка прямо в код сайта:

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

Для Next.js создайте файл src/app/layout.tsx с подключением:

import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <Script
          src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_ID}`}
          strategy="afterInteractive"
        />
        <Script id="ga4-init" strategy="afterInteractive">
          {`
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', '${process.env.NEXT_PUBLIC_GA_ID}');
          `}
        </Script>
      </head>
      <body>{children}</body>
    </html>
  );
}

Настройка событий

GA4 автоматически собирает: page_view, scroll, click, first_visit. Для SMM добавьте кастомные:

// Регистрация пользователя
gtag('event', 'sign_up', {
  method: 'email',
  source: 'instagram_bio'
});

// Создание заказа
gtag('event', 'purchase', {
  transaction_id: 'order_12345',
  value: 480,
  currency: 'RUB',
  items: [{
    item_id: 'instagram_followers_1000',
    item_name: 'Instagram подписчики 1000',
    quantity: 1,
    price: 480
  }]
});

// Клик по ссылке в соцсети
gtag('event', 'select_content', {
  content_type: 'service_link',
  item_id: 'telegram_followers'
});

// Пополнение баланса
gtag('event', 'add_payment_info', {
  value: 5000,
  currency: 'RUB',
  payment_type: 'yoomoney'
});

UTM-метки

UTM-метки позволяют атрибутировать трафик к конкретной кампании. Формат:

https://smmboost.io/services?
  utm_source=instagram
  &utm_medium=social
  &utm_campaign=summer_promo_2026
  &utm_content=reels_june15
  &utm_term=followers

Шаблоны UTM для разных платформ:

Отчёты для SMM

В GA4 перейдите в Reports → Acquisition → User acquisition и Traffic acquisition:

1. Источник трафика. Срез по Session source/medium — видите, какие соцсети приводят больше сессий.

3. Вовлечённость. Reports → Engagement → Pages and screens — какие страницы чаще смотрят из соцсетей.

4. Когортный анализ. Explore → Cohort exploration — возвращаемость пользователей из разных соцсетей.

5. Воронка регистрации/покупки. Explore → Funnel exploration:

Session start → 2. Page view (services) → 3. Sign up → 4. Add payment info → 5. Purchase

Проверка работоспособности

После установки GA4 проверьте, что данные собираются корректно:

Итог

Что дальше

Настройте Server-side GTM для обхода блокировок и повышения точности
Подключите Google Ads для импорта конверсий в рекламные кампании
Создайте кастомные аудитории для ретаргетинга
Настройте оповещения об аномалиях через Anomaly Detection
Интегрируйте с CRM через Measurement Protocol для атрибуции офлайн-конверсий

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Создание property

Установка тега

Настройка событий

UTM-метки

Отчёты для SMM

Проверка работоспособности

Итог

Что дальше

V-a fost de ajutor?

Ce mai caută oamenii pe această temă

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Создание property

Установка тега

Настройка событий

UTM-метки

Отчёты для SMM

Проверка работоспособности

Итог

Что дальше

V-a fost de ajutor?

Ce mai caută oamenii pe această temă

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Создание property

Установка тега

Настройка событий

UTM-метки

Отчёты для SMM

Проверка работоспособности

Итог

Что дальше

V-a fost de ajutor?

Ce mai caută oamenii pe această temă

Căutare globală

Как настроить Google Analytics 4 для отслеживания SMM-кампаний

Создание property

Установка тега

Настройка событий

UTM-метки

Отчёты для SMM

Проверка работоспособности

Итог

Что дальше

V-a fost de ajutor?

Ce mai caută oamenii pe această temă

Căutare globală