Налаштування цілей у Google Tag Manager

Поясню, як налаштувати цілі в Google Tag Manager, передавати їх у Google Analytics і як працює ця зв’язка. Крім загальних принципів налаштування цілей у GTM, після прочитання статті ви знатимете, як відстежувати на сайті натискання кнопки, надсилання форми та прокручування до певного елемента.

Навіщо створювати цілі в GA та GTM і якими вони бувають

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

Є 2 типи цілей:

1. Конверсійні. Вони сигналізують, що на сайті відбулася конверсія: користувач залишив заявку, замовив зворотний дзвінок або онлайн-консультацію. Зазвичай таку ціль фіксують за відвідуванням певної сторінки, надсиланням форми або натисканням кнопки.
2. Поведінкові. Вони показують, наскільки відвідувачів цікавить інформація на сайті. Можна враховувати тривалість сеансу, кількість переглянутих сторінок і глибину прокручування. Такі дії та події вважають мікроконверсіями. Вони дають більше статистичних даних, особливо в бізнесах, де основні конверсії, наприклад купівля товару, трапляються нечасто.

Як створити ціль у Google Tag Manager

Щоб створити ціль у Google Analytics, відкрийте обліковий запис, перейдіть на вкладку «Адміністратор», а потім у розділ «Цілі». Далі виконайте такі дії:

Як я налаштовую ціль через dataLayer

Я намагаюся не прив’язувати важливу ціль до кольору кнопки, її тексту чи нестабільного CSS-селектора. Натомість домовляюся з розробником про подію в dataLayer, яка з’являється лише після підтвердженої бізнес-дії, і передаю разом із нею потрібні параметри. Тоді зміна верстки не створює хибних конверсій, а логіка тегу залишається зрозумілою під час наступного аудиту контейнера.

В офіційній документації Google пояснює передавання подій і змінних через dataLayer.

1. Натисніть «Ціль».
2. Виберіть власне налаштування цілі, а не шаблон, і перейдіть далі.
3. Виберіть тип цілі. Можна відстежувати:
   • перехід за URL;
   • час на сайті;
   • кількість сторінок, які користувач переглянув за 1 відвідування;
   • події.

Якщо після оформлення заявки користувач переходить на Thank You Page, зручно відстежувати саме відвідування цієї сторінки. Для цього вкажіть не повну адресу, а частину URL без домену сайту.

Щоб відстежувати натискання кнопок або прокручування до певної ділянки сторінки, потрібно додатково налаштувати цілі через Google Tag Manager і події в GA. Google Tag Manager також часто інтегрують із Google Ads, щоб відстежувати важливі дії користувачів, які прийшли з рекламних кампаній Google.

Як відстежити натискання потрібного елемента на сайті

Спочатку визначте, натискання якого елемента на сайті потрібно відстежувати. Потім послідовно створіть тригер і тег у Google Tag Manager.

Тригер задає обов’язкову умову для активації тегу. Його можна порівняти з розтяжкою, яка приводить у дію вибуховий пристрій. Тег надсилає дані в Google Analytics у момент, коли на сайті відбувається певна подія і система фіксує спрацювання тригера.

Створення тригера типу «натискання» в GTM

Створіть тригер у Google Tag Manager:

1. У налаштуваннях назвіть його «Натискання кнопки».
2. Виберіть тип тригера «Натискання, усі елементи». Є також варіант для натискання посилань, але він підходить не завжди, адже кнопка в коді може не мати тегу посилання.
3. Задайте умови активації. Вам потрібні не всі натискання, інакше тег надсилатиметься після будь-якого натискання на екрані. Виберіть «Деякі натискання» й уточніть потрібний елемент. Кнопку можна визначити за її класом у коді, посиланням, ID, текстом або URL сторінки. Для цього виберіть вбудовану змінну:
   • Змінна Click Text підійде тим, хто не працює з кодом. Скопіюйте текст кнопки з коду та вставте його в поле Click Text у Google Tag Manager. Тригер спрацює, коли хтось натисне кнопку з указаним текстом, наприклад take the tour.
   • Змінна Click URL також дає змогу легко налаштувати натискання кнопки, якщо вона одна на сторінці. Вставте адресу сторінки в потрібне поле Google Tag Manager.
   • Змінні Class та ID елемента використовуйте обережно, оскільки вони можуть дублюватися в різних кнопок. Якщо сумніваєтеся, зверніться до розробника.

Створення тегу для відстеження конверсій

Створіть тег у контейнері Google Tag Manager:

1. Виберіть для цього тегу тригер «Натискання кнопки».
2. Дайте тегу зрозумілу назву, наприклад «Натискання кнопки».
3. У конфігурації тегу виберіть Google Analytics (GA4).
4. Як тип відстеження виберіть подію.
5. Категорія: tour.
6. Дія: click.
7. Мітка: take. Пункти 5, 6 і 7 містять параметри, назви для яких можна вибрати довільно. Головне, потім точно перенести їх у Google Analytics.
8. Завершіть налаштування в Google Tag Manager: збережіть, надішліть, опублікуйте та пропустіть. Щоб перевірити, чи тег правильно додано на сайт, відкрийте режим попереднього перегляду.

Створення цілі в Google Analytics

Паралельно налаштуйте подію в розділі встановлення цілей Google Analytics:

1. Виберіть ціль типу «Подія».
2. Назвіть її «Натискання кнопки».
3. Скопіюйте категорію, дію та мітку з Google Tag Manager.

Наприкінці збережіть дані в GA.

Як налаштувати відстеження форм через Google Tag Manager і Google Analytics

Більшість взаємодій із потенційним клієнтом на сайті відбувається через форму. Якщо після її заповнення користувач автоматично переходить на Thank You Page, можна налаштувати ціль типу «Відвідування сторінки». Якщо потрібно зафіксувати саме заповнення та надсилання форми, створіть у Google Tag Manager тригер і тег «Надсилання форми», а потім зафіксуйте цю подію в Google Analytics.

Створення тригера «Надсилання форми» в GTM

Налаштування надсилання форми в Google Tag Manager починається зі створення тригера:

1. У меню ліворуч виберіть «Тригери» та натисніть «Створити». Назвіть новий тригер «Надсилання форми».
2. Виберіть тип тригера «Надсилання форми».
3. В умовах активації виберіть не всі форми, а окремі форми.
4. Форму можна відстежувати за такими змінними:
   • Page URL, якщо на кожній сторінці сайту є не більше 1 форми.
   • ID або Class. Цю інформацію беруть з HTML-коду форми. Краще звернутися до розробника або вибрати інший спосіб.

Створення тегу «Надсилання форми» в Google Tag Manager

Щоб відстежувати кожне надсилання форми, створіть у GTM тег для цієї події:

1. Створіть тег із назвою «Надсилання форми».
2. У конфігурації тегу виберіть Google Analytics (GA4).
3. Як тип відстеження виберіть подію.
4. Категорія: form.
5. Дія: submit, тобто надсилання.
6. Мітка: tour. Назву можна вибрати довільно.
7. Виберіть змінну налаштувань для Google Analytics.

Створення цілі в Google Analytics

Після налаштування тригера й тегу в GTM створіть у GA4 ціль для цієї події:

1. У налаштуваннях цілі виберіть «Власна ціль».
2. Назвіть її «Надсилання форми».
3. Виберіть тип цілі «Подія».
4. Скопіюйте категорію, дію та мітку з Google Tag Manager.

Збережіть налаштування в GA та GTM. У Google Tag Manager також натисніть «Надіслати», «Опублікувати» та «Пропустити». Після цього всі форми, надіслані на сайті, враховуватимуться як конверсії у вашій аналітиці.

Налаштування цілей у GTM під час прокручування

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

Для цього відстежимо всіх, хто доходить до певного елемента, наприклад до кнопки внизу сторінки з текстом «Viber». Алгоритм такий:

1. Створіть у GTM тригер і назвіть його «Перегляд».
   • У конфігурації тригера виберіть «Видимість елемента».
   • Виберіть елемент за CSS-селектором або ідентифікатором ID. Перегляньте код елемента, натиснувши на нього правою кнопкою миші, скопіюйте селектор і вставте його в Google Tag Manager.
   • Укажіть, що подію потрібно враховувати 1 раз на сторінку.
   • Задайте відсоток видимості, тобто частину елемента, яка має з’явитися на екрані, щоб система зафіксувала перегляд. Для блоку підійде 50%.
   • Збережіть тригер.
2. Створіть у Google Tag Manager тег із такою самою назвою.
   • У конфігурації тегу виберіть Google Analytics.
   • Як тип відстеження виберіть подію.
   • Виберіть тригер перегляду елемента.
   • Дайте категорії, дії та мітці довільні назви.
3. Створіть у Google Analytics ціль «Перегляд елемента» та скопіюйте в GA значення параметрів.

Висновки про налаштування цілей у Google Tag Manager

1. Налаштування цілей через GTM робить статистику інформативнішою. Рекламодавець може відстежувати натискання різних кнопок і номера телефону, а також установити таймер. Що більше метрик є у звіті аналітики, то більше подій можна аналізувати. Це допомагає визначати ефективні канали трафіку, вибирати вдалі оголошення та аудиторії, а також оптимізувати бюджет рекламних кампаній.
2. Ще одна перевага налаштування цілей через Google Tag Manager полягає в тому, що тригери не потрібно щоразу створювати заново. Якщо згодом знадобиться відстежувати події для реклами в соціальних мережах, достатньо створити нові теги, які спрацьовуватимуть у відповідь на наявні тригери.

Читайте також

Що таке конверсійний цикл і навіщо його рахуватиВідстеження форм у GTM (GA4)Встановлення Google Analytics (GA4) через GTM