Привіт! Ми — Penguin-team, агентство контекстної реклами, а це — наш блог про бізнес, маркетинг та РРС. Щомісяця ми випускаємо гайди, статті та інструкції про те, як працювати з eCommerce, брендувати, налаштовувати Google Рекламу та інші канали трафіку.
Наш блог читають маркетологи, SEM-фахівці та підприємці: його рекомендують на SEMConf та інших конференціях.
Ще більше унікальних матеріалів — в розсилці 👇 Підписуйтесь!
Отримувати ще більше унікальних матеріалів 👉🏻
Дякуємо за підписку!
Гайд по Google Tag Manager. Частина 1: що це, кому потрібно і як почати роботу
2.09.2021
20 хвилин
easy
Анастасія
PPC team lead
Мінімум слів. Максимум діла.
В одному листі на місяць
7-денний курс по Google Ads (Junior+)
- Частина 1: Що таке GTM, кому потрібно і як почати роботу (ви тут)
- Частина 2: Створення та налагодження тегів на прикладі Google Analytics
- Частина 3: Міграція тегів
- NEW Налаштування коллтрекінга Google (c допомогою GTM і безпосередньо через код сайту)
Для використання сторонніх програм, систем, сервісів або інструментів потрібно встановити їх код на сайт. Відмінно, коли таких сервісів 1-2, ви знаєте HTML або у вас є розробник в штаті – це нескладно і займе відносно небагато часу. Інша ситуація, коли допомоги чекати нізвідки, а зміни в код внести треба. Щоб полегшити життя РРС-фахівцям, власникам бізнесу, менеджерам і всім причетним, Google створив Менеджера тегів, він же Google Tag Manager, він же GTM.
У цій частині гайда від Penguin-team поговоримо про те, що це, навіщо і кому потрібно, в чому переваги і як почати роботу.
Що таке Google Tag Manager – GTM для початківців
GTM – безкоштовний сервіс Google, який значно спрощує управління JavaScript і HTML теги на сайті або в мобільному додатку.
Фактично це – фрагмент коду з двох частин. Ось так він виглядає:
Функції Google Tag Manager – GTM для початківців
Які функції є у
- швидко підключати різні сервіси аналітики: Google Analytics, Яндекс.Метрику, AppsFlyer + встановлювати коди для збору даних Facebook, LinkedIn, Pinterest, Twitter та інших;
- фіксувати будь-які взаємодії користувача з сайтом і відправляти в потрібний вам сервіс;
- налаштувати кроссдомене відстеження;
- налаштовувати відправку даних для налаштування ремаркетингу в Google Ads та ретаргетінгу в Яндекс.Метриці, DoubleClick, Facebook;
- використовувати кастомні скрипти і вбудовані теги сервісів для проведення А / В-тестів, показу банерів і не тільки;
- швидко вносити будь-які зміни в усі теги;
- встановити на сайт коллтрекінг від Google або від сторонньої компанії;
- використовувати Google Optimize і Google Опитування для оцінки задоволеності відвідувачів сайтом;
- інтегрувати зовнішні сервіси: Adometry, Distillery, comScore, FoxMetrics, Infinity, MouseFlow, Placed …
Тобто GTM – це така собі скринька, куди ви складаєте невеликі, але дуже цінні предмети.
Для роботи з Диспетчером тегів розробник потрібен всього один раз – щоб встановити код GTM на сторінки сайту. Основні можливості доступні без допомоги фахівців: готові шаблони всього за пару хвилин дозволять підключати теги.
Для чого потрібен Диспетчер тегів Google – GTM для початківців
Навіщо використовувати Google Tag Manager, якщо все можна зробити відразу на сайті?
По-перше, велика кількість тегів, встановлених безпосередньо на сайті, уповільнює роботу останнього. Нормальна швидкість завантаження сторінок – до 3 секунд. Кожна зайва секунда дратує відвідувачів і робить їх менш лояльними. Як наслідок, потенційних клієнтів стає менше і ви недоотримуєте прибуток. Якщо таке відбувається постійно, то після 2-3 спроб відвідувач, швидше за все, більше не повернеться.
По-друге, для зміни функціоналу тегів через код сайту потрібно знайти файли, де він розміщений, і вже тоді редагувати. Це займає час, витрачає ваші нерви і зовсім не гарантує, що все буде працювати як треба, якщо ви не фахівець. Мало того, треба для старту взагалі знати, що це за файли і де їх шукати.
По-третє, розміщуючи теги на сайті, не вийде просто включити / відключити їх. Для цього доведеться щоразу додавати / видаляти теги з одного або декількох файлів. Це швидко і нескладно, коли тег один. Нормально, коли їх три. А коли більше, легко заплутатися, щось забути, десь не повністю оновити код.
Останні два пункти збільшують час обслуговування сайту і побічно підвищують його вартість. Крім того, ви втрачаєте в гнучкості: там, де можна швидко закрити завдання самому, доводиться залучати фахівців.
У той час, коли можна було б вже аналізувати і застосовувати отримані дані, ви стоїте на місці → втрачаєте час → потенційних клієнтів → прибуток → віру в людство.
Переваги Google Tag Manager – GTM для початківців
При використанні Менеджера тегів:
- Не потрібно лізти в код сайту при кожній необхідності змінити параметри, активувати / заблокувати тег в одному або декількох файлах. Така собі гарантія нічого не забути і не зламати сайт.
- Ви не залежите від розробників: сервіс дозволяє самостійно управляти встановленими тегами. Ви зможете протестувати кілька варіантів і вибрати оптимальний, відредагувати або додати якийсь елемент всього за пару хвилин. Без Диспетчера доводиться звертатися до розробників для внесення будь-яких, навіть незначних, змін. Часто це викликає незручності: часом потрібно чекати тижні-місяці. Плюс залучення фахівців – це завжди додаткові витрати на оплату.
- У вашому розпорядженні зрозумілий функціонал для ефективного управління тегами + розширені можливості для будь-яких хитрих схем (про які ми ще поговоримо в наступних частинах гайда). При установці на сайт Диспетчера тегів на всіх сторінках розміщується контейнер, який зберігає теги з заданими параметрами. Потім за допомогою пари кнопок ви можете редагувати, додавати, видаляти, відключати, включати будь-які теги, задавати умови для них. Крім того, до одного інтерфейсу підключається декілька акаунтів. Це значно спрощує життя, коли ви ведете різні проекти.
- Простіше відстежувати події на сайті. Наприклад, вам потрібно відстежити кліки по зовнішніх посиланнях на сайті. Без GTM доведеться додавати код відстеження на кожне (!) зовнішнє посилання – а це довго і трудомістко. З Диспетчером процес пройде в пару кліків і займе кілька хвилин. Так само просто відстежувати кліки на кнопку, відсоток скролінгу, кількість відправлених форм, інші дані.
Збільшується швидкість роботи сайту. Теги завантажуються в міру готовності, одночасно із завантаженням інших елементів сторінки. Таким чином активація одного тега не блокує запуск іншого. Саме установка Google Tag Manager використовується, як один із способів підвищення швидкості роботи сайту в рамках оптимізації коефіцієнта конверсії.
Кому потрібен Google Tag Manager – GTM для початківців
GTM однозначно корисний і має багато плюсів, але не для всіх.
Театр починається з вішалки, дружба – з посмішки, а робота в GTM – з створення облікового запису та розбору основних понять.
Створення облікового запису – GTM для початківців
Щоб почати роботу, перейдіть на головну сторінку Google Tag Manager → «Реєстрація» → «Створити обліковий запис» → заповніть всі поля → «Створити»:
Готово.
Сервіс відразу покаже код (він же контейнер). Його необхідно вставити в розділи <head> та <body> кода сайту, дотримуючись інструкції:
Персональний код знайдете у вкладці «Адміністрування» → «Встановити Диспетчер тегів Google»:
У Диспетчері можна підключити відразу декілька акаунтів до одного облікового запису Google. Для цього повертаєтеся на головну сторінку і повторюєте дії. Головне правило: один аккаунт – один сайт.
Основний функціонал Менеджера тегів – GTM для початківців
Щоб розібратися з GTM було легше, розглянемо основні можливості та загальний принцип їх роботи.
В інтерфейсі Робочої області ви знайдете розділи Тег, Тригери, Змінні. Саме вони допоможуть створити, налаштувати і керувати новими тегами:
Принцип роботи Диспетчера тегів Google – GTM для початківців
Диспетчер тегів працює за принципом ланцюгової реакції: виконання певних дій (ваш тригер) при заданих параметрах (ваші змінні) запускають тег – і ви отримуєте потрібні для аналізу дані. Розберемо на прикладах.
Умовно, вам потрібно відстежити, скільки було покупок. Для цього важливо вибрати тег, задати тригер і змінні. Схематично це виглядає так:
Тег відстеження конверсії активується тільки, коли відвідувач опиниться на сторінці подяки, на яку він потрапляє при успішному оформленні замовлення. Тут тригер – відвідування сторінки з певним URL.
Або вам важливо відстежити кількість звернень через форму заявки на консультацію. Для цього налаштовується тег відстеження подій:
Тобто тег спрацює тільки при натисканні кнопки «Відправити» виключно на формі заявки для консультації.
Отримані за допомогою Диспетчера тегів дані імпортуються в сервіси аналітики, наприклад, в Google Analytics. Це дозволяє аналізувати рекламні кампанії, тестувати окремі елементи на сайті, а на основі цього – коригувати стратегію і тактику для ефективного ведення бізнесу.
У цій статті ми розібрали основні поняття і принцип роботи з Диспетчером тегів. У наступних частинах гайда від агентства контекстної реклами Penguin-team ви дізнаєтеся, як створювати, настроювати і управляти тегами, а також важливі нюанси при роботі з GTM.
- Частина 1: Що таке GTM, кому потрібно і як почати роботу (ви тут)
- Частина 2: Створення та налагодження тегів на прикладі Google Analytics
- Частина 3: Міграція тегів
- NEW Налаштування коллтрекінга Google (c допомогою GTM і безпосередньо через код сайту)
31652
37
10 хвилин
30909
45
8 хвилин
28997
26
12 минут
24978
35
11 минут
23636
28
6 минут
5197
21
28 хвилин
2217
14
10 хвилин
12
4
10 хвилин
PPC team lead
До Penguin-team працювала eCommerce-директором в меблевій компанії; керувала кількома інтернет-магазинами і сайтами. Закінчила курси по інтернет-маркетингу, SEO та по контекстній рекламі від шеф-пінгвіна Миколи Скоропадського. В агентство прийшла з досвідом і після атестації відразу почала працювати на посаді Middle РРС-фахівця и виросла до PPC team lead. Зараз веде проекти з Австралії, Великобританії, США, Канади, ОАЕ, Швеції