Аналітика

Як встановити Google Tag Manager на свій сайт: детальна інструкція

Google Tag Manager - один з найважливіших інструментів для аналітики, який допоможе полегшити вам життя і обійтися без програмістів. Що таке GTM, і як його встановити - розбираємося в статті.
4 Січня 2021
0
2 хв.

Що таке GTМ?

GTM (Google Tag Manager) – безкоштовний ресурс для легкого управління JavaScript і HTML-тегами (шматочками коду) на сайтах і в мобільних додатках без допомоги програмістів.

Доступними словами – з появою GTМ виникла можливість самостійно налаштувати відстеження будь-яких кліків і відправки форми.

Можливості GTM

  • Передача даних до систем веб-аналітики, в тому числі в Google Analytics, Яндекс.Метрика, Facebook Analytics і інші.
  • Установка на сайти тегів ремаркетингу Google Ads, DoubleClick, Facebook, Яндекс та ін.
  • Розміщення на сайті будь-яких призначених для користувача HTML тегів (наприклад, коди коллтрекінгу).
  • Підміна контенту на сайті і багато іншого

Компоненти GTM

  • Тег – це фрагмент коду, який виконується при спрацьовуванні тригера. Теги можуть відправляти дані в системи аналітики, змінювати контент сайту при проведенні A/B тестів, виконувати додаткові функції. Це свого роду “коробочка”, яка виконує певну дію.
  • Тригер – це умова, при якому повинен спрацювати тег. Елементарний тригер – клік по кнопці. Тег і тригер завжди працюють в парі. Існувати одне без одного вони не можуть.
  • Змінна – складається з двох частин: параметра і значення. В тригерах за допомогою неї відбувається настройка фільтрів. У тегах змінні використовують для зберігання і передачі дій користувачів сайту, транзакціях, продуктах і т. д.

Керівництво по установці GTM на сайт

Реєстрація на сайті Диспетчера тегів (GTM)

  1. Зайдіть в Google Tag Manager і на початковій сторінці виберіть «Створити обліковий запис». Щоб зареєструватися, потрібен обліковий запис Google або ж Gmail-адреса.
  2. Заповніть всі поля. У назві аккаунта вкажіть ім’я своєї компанії, виберіть країну, погодьтеся з передачею даних і переходьте далі.
  3. Тепер займіться налаштуванням контейнера.

    Контейнер – основний код GTM, який підключається на сайт, і в нього встановлюються теги всіх інших сервісів.
    Допускається наявність кількох контейнерів в одному акаунті. В поле «Назва» вписуємо те ім’я, яке буде максимально наближеним до тематики створюваного сайту. Це може бути і URL сайту.
  4. Далі потрібно вибрати цільову платформу (в даному випадку це «Веб-сайт»). Натисніть «Створити».
  5. У новому вікні, попередньо ознайомившись з Умовами використання, поставте галочку внизу і погодьтеся з ними.
  6. В результаті створення з’являється вікно, де є код GTM, його вам необхідно встановити на сайт. Код ділиться на 2 частини. Першу частину коду потрібно вставити в тег <head>. Другу – після тега <body>.

    Ви завжди можеnt зробити це пізніше, після додавання тегів в контейнер. Скопіювати код можна в будь-який момент: Щоб це зробити, зайдіть в меню «Адміністрування – Встановити Google Менеджер тегів».

На багатьох CMS (Tilda, Flexby, Wix, Worpress і інші) досить вказати в настройках тільки ідентифікатор GTM і не вставляти весь код вручну.

Стартова сторінка GTM
Стартова сторінка GTM
Створення облікового запису і контейнера
Створення облікового запису і контейнера
Угода про умови використання
Угода про умови використання

Публікація контейнера

Порожній контейнер краще публікувати відразу після установки коду GTM, щоб він не видавав помилку.

  1. Потрібно виконати наступне: «Робоча область» – «Відправити».
  2. Виберіть «Публікація і створення версії». Введіть назву (наш випадок – «Версія 1»). Пункт «Опис» необов’язково чіпати.
  3. Після заповнення опублікуйте, і контейнер готовий.
Приклад коду GTM для установки на сайт
Приклад коду GTM для установки на сайт
Робоча панель GTM
Робоча панель GTM
Публікація версії
Публікація версії

Далі можна почати установку тегів і налаштування відстеження.

Сподобалась стаття?
😍
1
😂
😄
😐
🤔
😩
Розповісти друзям: