Встановлення основних систем аналітики за допомогою Google Tag Manager: Google Analytics, Facebook Pixel, Hotjar

Встановлення основних систем аналітики за допомогою Google Tag Manager: Google Analytics, Facebook Pixel, Hotjar

Основна причина, через яку Google Tag Manager встановлюють на сайт , – це налаштування систем аналітики без допомоги програміста. У цій статті ми розглянемо, як встановити на ваш сайт три основні системи аналітики: Google Analytics, Facebook Pixel та Hotjar.

  1. Встановлення Google Analytics за допомогою диспетчера тегів Google
  2. Установка Facebook Pixel за допомогою GTM
  3. Установка Hotjar

Перед тим як ми почнемо, хотілося б сказати, що всі вищезгадані системи аналітики, а також інші послуги встановлюються за одним сценарієм:

  • Створюємо відповідний тег (для кожної системи він різний);
  • Додаємо тригер, зазвичай це All Pages (Всі сторінки);
  • Публікуємо зміни як нову версію. Так як ця дія однакова для всіх, її я розпишу в цьому блоці.

Після внесення потрібних змін та перевірки коректності за допомогою режиму налагодження вам необхідно опублікувати зміни як нову версію. Ви можете як опублікувати кожен тег окремо, так і опублікувати кілька тегів в одній версії. Для публікації необхідно натиснути кнопку Опублікувати зверху праворуч:Публікація нової версії в Google Tag Manager

Не забудьте вказати назву версії, яка підкаже вам надалі, які опції ви опублікували:Введення назви нової версії при публікації у GTM

Встановлення Google Analytics за допомогою диспетчера тегів Google

Є кілька підходів до встановлення коду Google Analytics на ваш сайт: стандартний і альтернативний, в якому ми створюємо змінну з налаштуваннями Google Analytics.

Стандартний спосіб

Створюємо тег типу Google Analytics – Universal Analytics з наступними налаштуваннями:

  • Тип відстеженняPage View ;
  • Поле Налаштування Google Analytics залишаємо без змін;
  • Встановлюємо чекбокс у пункті Включити перевизначення налаштувань у цьому тегу ;
  • У полі Ідентифікатор відстеження вводимо ID Google AnalyticsНалаштування тега під час встановлення коду Google Analytics на сайт через GTM

Примітка: можна знайти ідентифікатор Google Analytics на вкладці Адміністратор, у пункті Код відстеження> Код відстеження:Як знайти код відстеження в Google Analytics

Потрібне значення має такий вигляд UA-XXXXXXXXX-Y:Як виглядає ідентифікатор Google Analytics

Після цього додаємо до нашого тегу тригер All Pages і налаштування можна вважати завершеним:Додавання тригера All Pages до тега під час встановлення коду Google Analytics

На останньому етапі не забудьте опублікувати контейнер.

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

Альтернативний спосіб

Все робимо як і вище, але тепер у полі Змінна Google Analytics вибираємо пункт Нова змінна та створюємо змінну з наступними налаштуваннями:Налаштування змінної Google Analytics у GTM

У цій змінній вказуємо всі необхідні нам налаштування Google Analytics, наприклад Включаємо можливість збирати дані для реклами .

Підсумкові налаштування тега виглядають так:Налаштування тега під час встановлення коду Google Analytics за допомогою змінної, що зберігає ідентифікатор подання

Як бачите, нічого складного, а за часом не довше за написання ТЗ програмісту.

Установка Facebook Pixel за допомогою GTM

Установка Facebook Pixel відбувається ще простіше. Не забудьте скопіювати код Facebook Pixel перед початком налаштування.

Створюємо тег із наступними налаштуваннями:

  • Тип тега Користувальницький HTML;
  • У пункті HTML вставляємо скопійований код Pixel;
  • Тригер – All Pages.Налаштування тега для встановлення Facebook Pixel за допомогою GTM

На цьому все, всього три дії і не забувайте їх опублікувати.

Установка Hotjar за допомогою Google Tag Manager

Для налаштування тега Hotjar необхідно також всього три дії:

  • Вибираємо тип тега Hotjar Tracking Code ;
  • У полі Hotjar Site ID вказуємо потрібний ідентифікатор. Знайти його можна на вкладці код відстеження:Ідентифікатор Hotjar Site ID
  • Додаємо тригер All Pages .Налаштування тега для встановлення Hotjar за допомогою Google Tag Manager

Замість висновку

Встановлення базових кодів аналітики це лише початок. У наступних статтях ви зможете дізнатися, як збирати додаткову інформацію за допомогою надсилання подій.