Google Tag Manager – інструмент, за допомогою якого можна настроювати та редагувати теги на сайтах або мобільних програмах. Тобто, коли ви встановлюєте сервіс, ви можете:
- легко відслідковувати кількість різних дій на сайті: надсилання заявок, кліків, кількість переглядів сторінки та інше.
- підключати різні віджети та програми аналітики Google Analytics
- підключати теги, наприклад, для налаштування Facebook Pixel.
GTM стане в нагоді в роботі:
- Веб-аналітикам і маркетологам, для створення ефективної системи наскрізної аналітики та аналізувати важливі показники та KPI.
- Спеціалістам з контекстної реклами, щоб оцінити ефективність рекламних кампаній та налаштовувати необхідні цілі
- Власникам сайтів, які хочуть самостійно працювати з аналітикою та вносити необхідні корективи.
У Диспетчері тегів є 3 компоненти:
- Тег – фрагмент коду, який активується під час роботи тригера. Теги спрямовують дані в додаткові програми, системи веб-аналітики, при A/B тестуванні можуть змінювати контент сайти.
- Тригер – це умова, завдяки якій спрацьовує тег. Прикладом тригера то, можливо клік по кнопці.
- Змінна – складається з параметра та значення. У тегах змінні служать для зберігання та передачі дій, що відбуваються на сайті, у тригерах – налаштування фільтрів.
Як настроїти Google Tag Manager
- Перейдіть до GTM і на головній сторінці натисніть “Створити обліковий запис”. Для цього вам знадобиться обліковий запис Google.
Заповніть всю основну інформацію та погодьтеся з передачею даних. Натисніть “Далі”. - Переходимо до створення контейнера. Контейнер – код, який потрібно підключити до сайту та наповнювати його необхідними тегами. Давайте контейнеру максимально зрозумілу назву. Як варіант – написати доменне ім’я сайту.
- Вибирайте цільову платформу. В даному випадку ми налаштовуємо GTM на сайт, тому вибираємо “Інтернет”, натискаємо “Створити обліковий запис”.
- Погоджуємося з умовами обробки даних та натискаємо “Так”.
- Ви побачите вікно з кодом – скопіюйте його. Першу частину слід розмістити в тег <head>, другу частину – після тега <body>.
Найкраще зверніться до розробника сайту за допомогою та передайте шматочки коду, інакше є можливість порушити роботу сайту.
Якщо не встигли зробити копію, натисніть код у верхній частині екрану.
Ми створили обліковий запис і додали код на сайт, тепер можемо переходити до публікації контейнера.
- Потрібно перейти в робочу область та натиснути “Надіслати”.
- Далі у вкладці “Публікація та створення версії” введіть назву контейнера, в опис не обов’язково щось вносити.
- Натисніть “Опублікувати” і контейнер готовий.
Після встановлення Диспетчера тегів варто перевірити коректність установки за допомогою Google Tag Assistant. Розширення Google Chrome покаже, які теги встановлені на сайті і як вони працюють.
- Після встановлення розширення клацніть та оберіть від яких програм ви хочете перевіряти теги та на яких сторінках. Натисніть кнопку “Done”.
- Перейдіть на сайт, який хочете перевірити на наявність тегів, натисніть на розширення і натисніть Enable.
Оновіть сайт і Google Tag Assistant видасть результати по встановленню та роботі тегів. - Є 3 статуси роботи тегів: якщо тег світиться зеленим – тег передає дані та працює оптимально, синім – є незначні рекомендації, червоний говорить про помилку. Щоб побачити можливі помилки або підказки як виправити помилки, клацніть на тег.