Аналітика

Установка Google Analytics на сайт через Google Tag Manager

Не соромтеся того, що у вас виникають труднощі, коли ви вперше стикаєтеся з завданням установки Google Analytics через Tag Manager. Це потім ви будете робити це на автоматі, але першу установку ми з вами розберемо максимально докладно.
2 Серпня 2021
0
4 хв.

Що таке Google Tag Manager

Google Tag Manager (GTM, Диспетчер тегів) — спеціальний інструмент від Google, для управління тегами і кодами систем відстеження та аналітики, а також інших додатків.

Раніше всі ці теги і код доводилося ставити прямо на сторінки сайту, що злегка захаращувало код і навіть уповільнювало швидкість завантаження сторінки. Зараз всі теги завантажуються в GTM, а на сторінку додається тільки один код — код GTM.

Ще один плюс: раніше кожен раз для установки нового тега доводилося звертатися до програміста, а тепер програміст один раз встановлює код GTM на сайт, а все управління іншими тегами відбувається через адмінку GTM.

Підсумуємо, основні плюси роботи з Диспетчером тегів:

  1. Спрощення роботи з тегами.
  2. Економія витрат і часу фахівців.
  3. Прискорення завантаження сторінок.
Як встановити Google Tag Manager на свій сайт: детальна інструкція
Читайте також
Як встановити Google Tag Manager на свій сайт: детальна інструкція
4 Січня 2021
0
2 хв.

Як встановити Google Analytics на сайт за допомогою Tag Manager?

Створюємо новий акаунт GTM і встановлюємо на сайт

  • Авторизуємося на сайті GTM.
    Бажано зробити це за допомогою облікового запису Google, на який зареєстрований Google Analytics.
  • Додаємо новий акаунт.
    Заповнюємо форму:
Створення облікового запису Google Tag Manager
Заповнюємо форму для створення облікового запису Google Tag Manager
  • Вказуємо назву облікового запису, можна будь-яку, наприклад, назву сайту.
  • Вибираємо країну.
  • Вказуємо назву контейнера, наприклад, адресу сайту.
  • Вибираємо цільову платформу, на якій плануємо відслідковувати трафік.
  • Натискаємо «Створити» і приймаємо умови використання Менеджера тегів.

Аккаунт – вищий рівень ієрархії в Менеджері тегів. Як правило, для компанії досить одного аккаунта. В акаунті Менеджера тегів є один або кілька контейнерів. Існують типи контейнерів для сайтів, AMP-сторінок, додатків Android і iOS.

  • Встановлюємо GTM на сайт.
    Після прийняття умов використання, відкриється вікно з фрагментами коду GTM. Там буде написано, які фрагменти в які розділи коду потрібно встановити.
    Передайте це своїм програмісту або встановіть на сайт самостійно.
    А ось як зробити це самому шукайте в довідці до CMS вашого сайту, так як налаштування дуже відрізняються.
    Вікно GTM не закриваємо, нам далі ще з ним працювати.
Код GTM для установки на сайт
Код GTM для установки на сайт

Знаходимо ідентифікатор Google Analytics

  • Входимо в акаунт Google Аналітики.
  • Натискаємо «Адміністратор» в лівому нижньому кутку.
  • У першому стовпчику «Аккаунт» виберіть потрібний обліковий запис.
  • У другому стовпці «Ресурс» виберіть потрібний ресурс.
  • Для Universal Analytics:
    • У розділі «Ресурс» натисніть «Відстеження»> «Код відстеження». Ідентифікатор можна подивитися у верхній частині сторінки.
Як знайти код відстеження Google Universal Analytics
Як знайти код відстеження Google Universal Analytics
  • Для Google Analytics 4:
    • У розділі «Ресурс» переходимо в «Потоки даних» і натискаємо на потрібний потік.
    • Копіюємо «Ідентифікатор потоку даних» в правому верхньому кутку сторінки.
Потоки даних в Google Analytics 4
Потоки даних в Google Analytics 4
Ідентифікатор потоку даних Google Analytics 4
Ідентифікатор потоку даних Google Analytics 4

Створюємо новий тег в Google Tag Manager

  • Переходимо в розділ «Теги» і натискаємо «Створити» новий тег.
  • Натискаємо на «Конфігурація тега».
Створюємо новий тег в Google Tag Manager
Створюємо новий тег в Google Tag Manager
Натискаємо на «Конфігурація тега»
Натискаємо на «Конфігурація тега»
  • Для Universal Analytics:
    • У меню праворуч вибираємо тип тега «Google Аналітика: Universal Analytics».
    • Тип відстеження залишаємо як є «Перегляд сторінки».
    • В полі «Налаштування Google Аналітики» вибираємо «Нова змінна».
    • Вставляємо раніше знайдений Ідентифікатор відстеження Google Analytics.
      Домен cookie залишаємо як є.
    • У розділі «додаткові налаштування» знаходимо пункт «Реклама» і ставимо галочку «Включити функції для контекстно-медійної мережі».
      Це потрібно для того, щоб активувати звіти за демографічними даними і категоріям інтересів, ремаркетинг в Google Analytics, а також інтеграцію з DoubleClick Manager.
    • Зберігаємо і задаємо ім’я змінної.
    • Натискаємо на «Тригери».
    • У вікні вибираємо «All Pages».
Вибираємо тип тега «Google Аналітика: Universal Analytics
Вибираємо тип тега «Google Аналітика: Universal Analytics
В полі «Налаштування Google Аналітики» вибираємо «Нова змінна»
В полі «Налаштування Google Аналітики» вибираємо «Нова змінна»
Налаштування змінної в тезі GTM
Налаштування змінної в тезі GTM
Налаштування тригера тега GTM
Налаштування тригера тега GTM
  • Для Google Analytics 4:
    • У меню, праворуч вибираємо тип тега «Google Аналітика: конфігурація GA 4».
    • Вказуємо «Ідентифікатор потоку даних».
    • Натискаємо на «Тригери» і вибираємо «All Pages».
  • Вказуємо назву тега вгорі сторінки і зберігаємо.
Тип тега «Google Аналітика: конфігурація GA 4»
Конфігурація тега GTM для Google Analytics 4
Конфігурація тега для Google Analytics 4
Конфігурація тега для Google Analytics 4
Натискаємо на «Тригери» і вибираємо «All Pages».
Натискаємо на «Тригери» і вибираємо «All Pages».

Публікуємо внесені зміни

  1. У правому верхньому кутку натискаємо кнопку «Відправити».
  2. Придумуємо і вказуємо назву і опис версії.
    Цього можна не робити, але краще опишіть, що вами було зроблено в цій версії. Звичка документувати зміни ще не раз вам допоможе.
  3. Натискаємо «Опублікувати».
Публікуємо внесені зміни
Публікуємо внесені зміни

Готово! Ви молодець.

Як встановити Піксель Facebook
Читайте також
Як встановити Піксель Facebook
28 Квітня 2021
0
3 хв.
Сподобалась стаття?
😍
1
😂
😄
😐
🤔
😩
Розповісти друзям: