7244
Гайд по Google Tag Manager. Частина 2: створення і налаштування тегів на прикладі Google Analytics
3.09.2021
15 хвилин
middle
- Частина 1: Що таке GTM, кому потрібно і як почати роботу
- Частина 2: Створення та налагодження тегів на прикладі Google Analytics (ви тут)
- Частина 3: Міграція тегів
- NEW Налаштування коллтрекінга Google (c допомогою GTM і безпосередньо через код сайту)
У попередній частині гайду від Penguin-team ми почали введення в Google Tag Manager: що це, кому потрібно і чи потрібно взагалі, як створити обліковий запис, щоб почати роботу. Тепер приступимо до практичної частини і покроково розберемо створення, налаштування і керування тегами.
Всі етапи розглянемо на прикладі тегу Google Analytics.
Коротко, як відстежувати дії користувача з GTM:
А тепер докладніше по порядку.
Створення тега в GTM
Покроково від Penguin-team, як налаштувати GTM для новачків.
В Google Tag Manager є близько 90 шаблонів тегів, які об’єднані в 3 групи: рекомендовані, призначені для користувача і підключення сторонніх сервісів. Вони замінюють фрагменти коду JavaScript, з ними не потрібно редагувати або коригувати код відстеження в ваших тегах. Для запуску зазвичай потрібно ввести 1-2 унікальних параметра, встановити тригер і все готово до роботи.
Серед рекомендованих знаходяться теги:
- Google Analytics;
- відстеження конверсій і ремаркетингу Ads;
- лічильник і тег продажів DoubleClick Floodlight;
- Google Optimize;
- Google Опитування.
Їх завдання: зібрати інформацію про те, куди ходять користувачі, як ходять, як шукають, що дивляться, як довго, що їм цікаво і т. Д. Все це допоможе скорегувати стратегію кампаній в цілому і тактику зокрема.
Найбільш затребуваний тег в Google Tag Manager серед фахівців – Universal Analytics, власне, для підключення Google Аналітики.
Щоб додати тег, увійдіть в GTM → «Робоча область» → «Теги» (1) → «Створити» (2):
Задайте ім’я тега (1). У нашому випадку це тег Google Analytics. Натисніть на кнопку для редагування (2):
Зі списку виберіть потрібний тип тега → «Google Аналітика ー Universal Analytics»:
У конфігурації тега додайте тип відстеження:
Які типи відстежень Google Analytics доступні:
- «Перегляд сторінок» для установки базового коду Google Analytics (обов’язково з тригером All page) і якщо потрібно налаштувати передачу даних про перегляди всіх або деяких сторінок;
- «Події» для відстеження кліків по кнопці / елементу, відправки форми, взаємодії з відео або картинками, переходів та інших дій;
- «Транзакції» для отримання даних про транзакції. АЛЕ потрібно налаштувати розширену електронну торгівлю, щоб Диспетчер почав передавати інформацію про ідентифікатор товару, вартості, найменування та інші дані;
- «Соціальні мережі» для аналізу взаємодії користувачів з сайтом, наприклад, лайки / репости в Facebook, VK, Twitter;
- «Час», щоб аналізувати події, що спрацьовують по таймеру, наприклад, для відстеження глибини перегляду відео;
- «Зовнішній вигляд посилань» для моніторингу догляду користувачів з сайту по зовнішніх посиланнях або завантажених файлів на сторінці (брошур, прайс-листів, купонів і т. Д.);
- «Змінити зовнішній вигляд форми» для крос-доменного відстеження. Цей тип потрібен, якщо у вас, наприклад, два сайти і важливо розуміти, з якої форми була відправка заявки.
За замовчуванням теги в GTM запускаються не одночасно: наступний тег активується, коли інший вже спрацював – все в порядку черги. Однак можна вибрати порядок запуску, змінивши пріоритети. При установці базового коду Google Analytics ці настройки не потрібні. А, наприклад, якщо ви проводите А / В-тестування, для отримання точної статистики тег Optimize повинен запускатися раніше Google Analytics. Щоб змінити порядок спрацьовування, зайдіть в тег Google Аналітика → «Розширені настройки» → галочка «Активувати перед тегом Google Analytics»:
Щоб дані з GTM передавалася в Google Analytics, після типу відстеження введіть «Зміну налаштувань» → «Нова змінна» → вкажіть Ідентифікатор відстеження:
Ідентифікатор беремо в облікового запису Google Analytics. На вкладці «Адміністратор» → «Відстеження» → «Код відстеження»:
Просто копіюєте ідентифікатор і вставляєте в відповідне поле Google Tag Manager → «Зберегти» → ввести ім’я змінної → «Зберегти» ще раз:
Тег створено. Але щоб він спрацював, важливо вказати тригер – дія, виконання якого активує тег.
Створення тригера в GTM
Як налаштувати GTM для новачків: крок за кроком про створення тригера в диспетчері тегів.
Тригер – обов’язкова умова для активації або блокування тега.
Всі тригери в Tag Manager пов’язані з подіями:
- перегляд сторінки → активується при початку завантаження, при завантаженні HTML, при повного завантаження сторінки;
- клік → спрацьовує при натисканні на кнопку, посилання, картинку, форму, контакти і т. д .;
- відправка форми → запуститься після заповнення і відправки будь-якої форми (заявка на покупку, дзвінок, підписка і т. д.);
- зміна в історії → відстежує зміну історії браузера, спрацьовує, якщо змінився фрагмент URL (як правило, застосовується для якірних посилань сайтів-одностранічнік, на яких контент змінюється динамічно, без перезавантаження сторінки);
- помилка JavaScript → спрацьовує при виникненні помилки в коді і зберігає повідомлення про збої;
- глибина прокрутки → активується в залежності від того, чи була прокрутка сторінки (вертикальна, горизонтальна);
- таймер → спрацьовує через заданий інтервал часу; допомагає відслідковувати, як довго відвідувач залишається на сторінці, наприклад, при читанні статті, заповненні форми або оформленні замовлення;
- тригер «Відео YouTube» → активується при взаємодії з відео на вашому сайті;
- призначені для користувача події → самостійно вказуєте, які дії хочете відслідковувати;
- група тригерів (використовується, коли потрібно задати кілька умов або подій).
Як створити тригер активації в Tag Manager? Є два способи: через розділ «Тригери» в бічній панелі або безпосередньо в тезі.
# 1 Створення тригера активації через сайдбар
Перейдіть в розділ «Тригери» → «Створити» → виберіть потрібне для відстеження дію (тип тригера):
Поверніться в «Теги» → виберіть потрібний, створений раніше, або системний тег → додайте тригер → «Зберегти»:
# 2 Створення тригера активації через тег
Створити або додати тригер також можна відразу через сам тег, якщо в блоці «Тригери» вже є задані умови:
Коли ви встановлюєте код Аналітики на всі сторінки сайту, тригер створювати не треба. При цьому вибирають системний тег All Pages:
Як створити тригер блокування
Тригер блокування – це умова, при якому запуск тега не відбувається. Наприклад, ви хочете відстежувати перегляди всіх сторінок сайту, окрім якоїсь однієї. Для цього в настройках тригера просто додайте виняток, створене заздалегідь як звичайний тригер:
При конфлікті тригерів активації і блокування, пріоритет віддається блокатору.
Створення змінної в GTM
Для більш точного відстеження дій і як фільтр активації тригера використовуються змінні. Якщо пояснювати для новачків, то з їх допомогою ви говорите, КОЛИ запускати тригер або тег.
Види змінних в диспетчері тегів:
- 9 категорій вбудованих змінних – змінювати їх не можна: сторінки, утиліти, помилки, кліки, форми, прокрутки, історія, відео, видимість;
- змінні – створені самостійно.
Припустимо, у нас мультибрендовий магазин, але потрібно відстежити перегляди сторінок певного бренду. Тоді в налаштуваннях вказуємо, що запускати тег потрібно, коли користувач заходить на сторінки, де URL містить назву бренду. Це і є наша змінна.
Покроково це виглядає так: заходите в розділ «Тригери» → тип тригера «Перегляди сторінок» → «Деякі перегляди сторінок» → задаєте параметри → «Зберегти»:
Якщо вам важливо отримати дані про кліки по кнопці «Оформити», вибираєте «Кліки – все елементи» → «Деякі кліки» → вказуєте рівність для умови:
А якщо ви хочете, наприклад, відстежити, скільки користувачів перейшло на поточну сторінку, наприклад, з Facebook, в якості змінної використовуйте Referrer: тип тригера «Перегляд сторінки» → «Деякі сторінки» → змінна «Referrer» → правило активації «Містить» → вказуєте URL джерела, який плануєте відстежувати:
Такий же принцип настройки змінних і в інших типах тригерів.
Перевірка і публікація тега
Щоб перевірити тег і переконатися, що дані будуть дійсно відслідковуватися, скористайтеся «Попереднім переглядом»:
Після появи оранжевого банера відкрийте ваш сайт в цьому ж браузері, поновіть сторінку:
Якщо все зроблено правильно, інформація про тегах з’явиться в консолі.
Те, що тег спрацював, ще не говорить про те, що дані «дійшли» до Google Analytics. Наприклад, тег неправильно налаштований і відправляє інформацію не в той акаунт. Перевірити це можна за допомогою звітів Google Analytics: «Режим реальному часі» → «Огляди». Походіть по сторінках вашого сайту і подивіться, чи відображаються ці перегляди в звітах реального часу.
Обов’язково опублікуйте тег, без цього він не буде працювати.
Після цього вся інформація про тезі, в тому числі про тригерах і змінних, з’явиться в розділі «Версії»:
Важливо! Якщо велика частина вашого трафіку з країн ЄС, необхідно впровадити банер Cookie Consent. І тільки після отримання згоди користувача на використання персональних даних ви зможете відслідковувати дії.
Чек-лист від Penguin-team по створенню та налагодженню тегів в GTM
Створення тега в Google Tag Manager:
- вибрати тип тега;
- вибрати тип відстеження;
- зв’язати з Google Analytics.
Створення тригера в Google Tag Manager:
- вибрати тип тригера;
- вказати умови для активації тега;
- додати до тегу.
Створення змінної в Google Tag Manager:
- вибрати тип змінних;
- вказати параметри.
Перевірка тега в Google Tag Manager:
- включити попередній перегляд;
- перевірити надходження даних в Google Analytics.
Публікація тега в Google Tag Manager.
- Частина 1: Що таке GTM, кому потрібно і як почати роботу
- Частина 2: Створення та налагодження тегів на прикладі Google Analytics (ви тут)
- Частина 3: Міграція тегів
- NEW Налаштування коллтрекінга Google (c допомогою GTM і безпосередньо через код сайту)
Loading... 