Зміст

7244

Гайд по Google Tag Manager. Частина 2: створення і налаштування тегів на прикладі Google Analytics

3.09.2021

15 хвилин

middle

Анастасія

PPC team lead

У попередній частині гайду від 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:

Системный тег 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 Star2 Stars3 Stars4 Stars5 Stars
Loading...
Анастасія

PPC team lead

До Penguin-team працювала eCommerce-директором в меблевій компанії; керувала кількома інтернет-магазинами і сайтами. Закінчила курси по інтернет-маркетингу, SEO та по контекстній рекламі від шеф-пінгвіна Миколи Скоропадського. В агентство прийшла з досвідом і після атестації відразу почала працювати на посаді Middle РРС-фахівця. Зараз веде проекти з Австралії, Великобританії, США, Канади, ОАЕ, Швеції

Ми використовуємо куки, щоб зробити Penguin-team зручніше і корисніше для вас

Минимум слов. Максимум дела.

В одном письме в месяц

  • Только важные новости
  • Самые свежие статьи
  • Актуальные вакансии

В версии 3.0.0

  • новые сервисы: Ubersuggest (NeilPatel), Spyfu и другие;
  • автосохранение списка минус-слов в рабочей области;
  • авторизация для хранения данных в аккаунте;
  • списки типовых минус-слов;
  • возможность хранить пользовательские списки минус-слова в расширении для дальнейшего применения в аккаунте;
  • англоязычный и русскоязычный интерфейс.

Основные комбинации

  • LeftMouseClick для добавления слова, повторное нажатие - для удаления
  • LeftALT + LeftMouseClick - для сбора фраз
  • LeftALT + S - для поиска слов

In version 3.0.0

  • new services: Ubersuggest (NeilPatel), Spyfu and others;
  • autosave of a negative keywords list in the workspace;
  • authorization for storing data in the account;
  • generic negative keyword lists;
  • the ability to store custom lists of negative keywords in the extension for further use in your account;
  • English and Russian interface.

Key combinations

  • LeftMouseClick to add a word, press again - to delete
  • LeftALT + LeftMouseClick - to collect phrases
  • LeftALT + S - for words searching

В версии 2.0

  • 2 режима выдачи ключевых слов:
  • быстрая выдача - аналогична выдаче Google Planner, но найденные результаты включают каждое слово из введенной в поиск фразы;
  • полная выдача - расширенная выдача, которая включает поиск по дополнительным релевантным фразам, но найденные результаты также включают каждое слово из введенной в поиск фразы.
  • Обновленный файл выгрузки ключевых слов Excel:
  • выгрузка локаций в удобном формате для загрузки в Editor;
  • обновленный шаблон для создания объявлений.
  • Полный список локаций.
  • Группировка отчетов по проектам.
  • Устранена ошибка с задержкой в 30 секунд.
  • Новые фильтры для получения релевантной выдачи.
  • Копирование минус-слов.

In version 2.0:

  • 2 modes of keywords search result:
  • quick search result - is similar to one of Google Planner , but the results found include every word of the phrase entered in the search;
  • full search result - extended search result that includes search on additional relevant phrases, but the results found also include every word of the phrase entered in the search.
  • Updated Exces Keyword Upload File:
  • uploading of locations in a convenient format for uploading to Editor;
  • updated template for creating ads.
  • Full list of locations.
  • Grouping of reports on the projects.
  • Fixed an error with a delay of 30 seconds.
  • New filters for getting relevant search results.
  • Copying of negative keywords.

Кілька кроків до роботи в Penguin-team

1 Заповніть форму
2Додайте резюме
3Пройдіть тест
1.Кліків 259, показів 3 515. Чому дорівнює CTR?
2.Відвідувань на сайті 874, конверсій 16. Чому дорівнює коефіцієнт конверсії?
3.Що таке СРА?
4.CTR 4,03%, кліків 240. Чому дорівнює число показів оголошення?
5.Витрат 20 158, конверсій 63. Чому дорівнює вартість конверсії?

Кілька кроків до роботи в Penguin

Заповніть форму

Прикрепите резюме: