Основна причина, через яку Google Tag Manager встановлюють на сайт – це налаштування систем аналітики без допомоги програміста. У цій статті ми розглянемо, як встановити на ваш сайт три основні системи аналітики: Google Analytics, Facebook Pixel та Hotjar.
- Встановлення Google Analytics за допомогою диспетчера тегів Google
- Установка Facebook Pixel за допомогою GTM
- Установка Hotjar
Перед тим як ми почнемо, хотілося б сказати, що всі вищезгадані системи аналітики, а також інші сервіси встановлюються за одним сценарієм:
- Створюємо відповідний тег (для кожної системи він різний);
- Додаємо тригер, зазвичай це All Pages (Всі сторінки);
- Публікуємо зміни як нову версію. Так як ця дія однакова для всіх, її я розпишу в цьому блоці.
Після внесення потрібних змін та перевірки коректності за допомогою режиму налагодження вам необхідно опублікувати зміни як нову версію. Ви можете як опублікувати кожен тег окремо, так і опублікувати кілька тегів в одній версії. Для публікації необхідно натиснути кнопку Опублікувати зверху праворуч:
Не забудьте вказати назву версії, яка підкаже вам надалі, які опції ви опублікували:
Встановлення Google Analytics за допомогою диспетчера тегів Google
Є кілька підходів до встановлення коду Google Analytics на ваш сайт: стандартний і альтернативний, в якому ми створюємо змінну з налаштуваннями Google Analytics.
Стандартний спосіб
Створюємо тег типу Google Analytics – Universal Analytics з наступними налаштуваннями:
- Тип відстеження – Page View;
- Поле Налаштування Google Analytics залишаємо без змін;
- Встановлюємо чекбокс у пункті Включити перевизначення налаштувань у цьому тегу;
- У полі Ідентифікатор відстеження вводимо ID Google Analytics
Примітка: можна знайти ідентифікатор Google Analytics на вкладці Адміністратор, у пункті Код відстеження> Код відстеження:
Потрібне значення має такий вигляд UA-XXXXXXXXX-Y:
Після цього додаємо до нашого тегу тригер All Pages і налаштування можна вважати завершеним:
На останньому етапі не забудьте опублікувати контейнер.
Щоб переконатися, що ви все зробили правильно, відкрийте ваш сайт і перейдіть до звітів у режимі реального часу в Google Analytics. Там ви повинні побачити щонайменше одного користувача:
Альтернативний спосіб
Все робимо як і вище, але тепер у полі Змінна Google Analytics вибираємо пункт Нова змінна та створюємо змінну з наступними налаштуваннями:
У цій змінній вказуємо всі необхідні нам налаштування Google Analytics, наприклад Включаємо можливість збирати дані для реклами .
Підсумкові налаштування тега виглядають так:
Як бачите, нічого складного, а за часом не довше за написання ТЗ програмісту.
Установка Facebook Pixel за допомогою GTM
Установка Facebook Pixel відбувається ще простіше. Не забудьте скопіювати код Facebook Pixel перед початком налаштування.
Створюємо тег із наступними налаштуваннями:
На цьому все, всього три дії і не забувайте їх опублікувати.
Установка Hotjar за допомогою Google Tag Manager
Для налаштування тега Hotjar необхідно також всього три дії:
- Вибираємо тип тега Hotjar Tracking Code ;
- У полі Hotjar Site ID вказуємо потрібний ідентифікатор. Знайти його можна на вкладці код відстеження:
Замість висновку
Встановлення базових кодів аналітики це лише початок. У наступних статтях ви зможете дізнатися, як збирати додаткову інформацію за допомогою надсилання подій.