Інструкція як встановити код Google Аналітики через GTM на сайт

##GTM 9 February 2021 Оцінити статтю

Установка Google Tag Manager

Для початку вам потрібно зареєструвати обліковий запис Google Tag Manger за посиланням https://tagmanager.google.com/ .

Переходимо за посиланням і натискаємо створити обліковий запис.

створення облікового запису GTM

У наступному вікні заповнюємо:

  1. Назва облікового запису – даємо зрозумілу назву для того, щоб не губитися в подальшому та ефективно керувати обліковими записами.
  2. Вибираємо країну.

Базова інформація

За бажанням дозволяємо передавати анонімні дані до Google.

Даємо назву контейнеру, найчастіше пишемо ім’я домену, а також цільову платформу, залежно від того, куди буде встановлено ГТМ: сайт, додаток тощо.

створення контейнера GTM

Натискаємо «Створити». У наступному вікні приймаємо угоду користувача.

Угода користувача GTM

Далі відкривається робоча область контейнера з модальним вікном, яке містить коди для встановлення GTM на сайт.
Тепер вам потрібно передати ці коди розробнику. Оформляємо у вигляді технічного завдання.

ТЗ програмісту на встановлення GTM

Якщо ви раптом закрили вікно з кодами установки, ви завжди зможете їх повторно знайти при натисканні на ідентифікатор контейнера.

код установки GTM

Для перевірки правильності встановлення коду GTM можна користуватися програмою для браузера – Tag Assistant Legasy (by Google)

Tag Assistant Legasy (by Google)

За допомогою цієї програми ви завжди зможете швидко зрозуміти, чи встановлено на сайт Google Аналітика, Google Tag Manager, а також їх ідентифікатори.

Після встановлення програмістом кодів на сайт, у цьому додатку з’явиться GTM з потрібним ідентифікатором. Відображається значок жовтим кольором і 404 помилка. Не лякайтеся, порожній контейнер завжди віддає код сервера 404. Після додавання першого тега все буде нормально.

Порожній контейнер GTM - 404 помилка
Порожній контейнер GTM - 404 помилка(2)

Як встановити код Google Analytics – Universal Analytics на сайт через GTM?

У робочій області переходимо у вкладку «Теги».

створення тегів у GTM

Натискаємо “створити” та даємо зрозумілу назву.

назва тегів в GTM

Вибираємо конфігурацію тега – для тегів GA в системі вже занесені стандартні коди установки, тому нам залишається лише їх правильно налаштувати.

стандартні теги в GTM

Вибираємо тип відстеження – Перегляд сторінки.

тип відстеження GA в GTM

Створюємо та додаємо нову змінну.

Створення змінної GA в GTM

Даємо зрозумілу назву та вносимо ідентифікатор представлення Google Analytics.

Змінна GA в GTM

Ідентифікатор обов’язково має починатися на UA. Знайти його можна в поданні Google Analytics.

як знайти ідентифікатор подання в GA
як знайти ідентифікатор подання в GA

Далі зберігаємо змінну та додаємо в поле «Налаштування Google Analytics» вікна конфігурації тега.

додавання змінної GA в тег GTM

Тепер переходимо до налаштування тригера.

додавання змінної GA в тег GTM

Вибираємо «All Pages».

додавання змінної GA в тег GTM
Зберігаємо конфігурації.
конфігурації тега GA в GTM
Натискаємо «Надіслати».
відправлення на публікацію тега GA в GTM

І публікуємо зміну в контейнері.

відправлення на публікацію тега GA в GTM

Вітаю, ви самостійно встановили лічильник Google Analytics – Universal Analytics на сайт.

Як перевірити правильність встановлення лічильника GA через GTM?

Це можна зробити кількома способами.

  1. Через вбудований відладчик, передачу в кошти аналітики.У робочій області натискаємо на «Попередній перегляд».попередній перегляд тегів у GTM

    Після переходу вводимо домен сайту, на якому перевіряємо працездатність GА.

    попередній перегляд тегів у GTM
    Після «конекту» бачимо, що тег Аналітики спрацював.
    попередній перегляд тегів у GTM

  2. Встановлення Google Analytics також можна перевірити у власному інтерфейсі. Для цього потрібно перейти на сайт, а також відкрити в аналітиці огляд звіту в реальному часі.як перевірити правильно встановлений лічильник GA

Як встановити код Google Analytics 4 (GA4) на сайт через GTM?

У робочій області клацаємо на вкладку «Теги».

налаштування тега GA4 в GTM
Натискаємо “створити” та даємо назву тегу.
налаштування тега GA4 в GTM

Вибираємо конфігурацію тега – для тегів GA4 також у системі вже занесено стандартні коди установки.

налаштування тега GA4 в GTM

Копіюємо ідентифікатор з GA4 і вставляємо у відповідне поле.

де знайти ідентифікатор GA4

Ідентифікатор можна знайти у налаштуванні ресурсу Google Analytics.

де знайти ідентифікатор GA4

налаштування тригера активації для тега GA4

Вибираємо «All Pages».

налаштування тригера активації для тега GA4

Зберігаємо конфігурації.

налаштування тригера активації для тега GA4

Натискаємо «Надіслати».

публікація тригера активації для тега GA4

І публікуємо зміну в контейнері.

публікація тригера активації для тега GA4

Код лічильника Google Analytics 4 встановлений на сайт.

Перевірити правильність встановлення лічильника також можливо:

  1. Через вбудований відладчик.
  2. У власному інтерфейсі. Для цього необхідно перейти на сайт, а також відкрити в аналітиці огляд звіту в реальному часі.
схожі статті
підписатися:
Як надати доступ до Google Ads, Analytics, Tag Manager & Merchant Center
Як надати доступ до Google Ads, Analytics, Tag Manager & Merchant Center
# #GTM
Інструкція як встановити лічильник Яндекс Метрики на сайт через GTM
Інструкція як встановити лічильник Яндекс Метрики на сайт через GTM
# #GTM
Коментарі