Що таке Google Tag Manager
Google Tag Manager (GTM) — це безкоштовна система керування тегами від Google. Вона дозволяє додавати, редагувати та видаляти фрагменти коду (теги) на вашому сайті без необхідності залучати розробників щоразу, коли потрібно щось змінити.
За допомогою GTM можна встановлювати коди аналітики, піксели рекламних платформ, скрипти A/B тестування та багато іншого — все через зручний веб-інтерфейс.
Основні компоненти GTM
GTM працює на трьох ключових компонентах: теги, тригери та змінні.
Теги — це фрагменти коду, які виконують певну дію. Наприклад, тег Google Analytics відправляє дані про перегляд сторінки, а тег Facebook Pixel фіксує конверсії.
Тригери визначають, коли саме має спрацювати тег. Тригер може активуватися при завантаженні сторінки, натисканні на кнопку, відправці форми чи прокрутці до певного елемента.
Змінні зберігають значення, які використовуються тегами та тригерами. Це може бути URL сторінки, текст кнопки, значення з dataLayer або будь-яке інше динамічне значення.
Як встановити GTM на сайт
Створіть обліковий запис на tagmanager.google.com та додайте новий контейнер для вашого сайту. GTM надасть два фрагменти коду: перший вставляється у <head>, другий — одразу після відкриваючого тегу <body>.
Після встановлення коду перевірте роботу GTM за допомогою розширення Tag Assistant або вбудованого режиму попереднього перегляду.
Створення першого тегу
Найчастіше першим тегом стає Google Analytics. У GTM натисніть «Новий тег», виберіть тип «Google Analytics: подія GA4» та вкажіть ідентифікатор вимірювання. Додайте тригер «All Pages» і збережіть. Після тестування в режимі попереднього перегляду опублікуйте контейнер, натиснувши «Опублікувати».