Зміст

7248

Гайд по Google Tag Manager. Частина 1: що це, кому потрібно і як почати роботу

2.09.2021

20 хвилин

easy

Анастасія

PPC team lead

Для використання сторонніх програм, систем, сервісів або інструментів потрібно встановити їх код на сайт. Відмінно, коли таких сервісів 1-2, ви знаєте HTML або у вас є розробник в штаті – це нескладно і займе відносно небагато часу. Інша ситуація, коли допомоги чекати нізвідки, а зміни в код внести треба. Щоб полегшити життя РРС-фахівцям, власникам бізнесу, менеджерам і всім причетним, Google створив Менеджера тегів, він же Google Tag Manager, він же GTM.

У цій частині гайда від Penguin-team поговоримо про те, що це, навіщо і кому потрібно, в чому переваги і як почати роботу.

Що таке Google Tag Manager – GTM для початківців

GTM – безкоштовний сервіс Google, який значно спрощує управління JavaScript і HTML теги на сайті або в мобільному додатку.

Фактично це – фрагмент коду з двох частин. Ось так він виглядає:

Функції Google Tag Manager – GTM для початківців

Які функції є у ​​Менеджера тегів Google? З ним ви зможете:

  • швидко підключати різні сервіси аналітики: 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 для початківців

При використанні Менеджера тегів:

  1. Не потрібно лізти в код сайту при кожній необхідності змінити параметри, активувати / заблокувати тег в одному або декількох файлах. Така собі гарантія нічого не забути і не зламати сайт.
  2. Ви не залежите від розробників: сервіс дозволяє самостійно управляти встановленими тегами. Ви зможете протестувати кілька варіантів і вибрати оптимальний, відредагувати або додати якийсь елемент всього за пару хвилин. Без Диспетчера доводиться звертатися до розробників для внесення будь-яких, навіть незначних, змін. Часто це викликає незручності: часом потрібно чекати тижні-місяці. Плюс залучення фахівців – це завжди додаткові витрати на оплату.
  3. У вашому розпорядженні зрозумілий функціонал для ефективного управління тегами + розширені можливості для будь-яких хитрих схем (про які ми ще поговоримо в наступних частинах гайда). При установці на сайт Диспетчера тегів на всіх сторінках розміщується контейнер, який зберігає теги з заданими параметрами. Потім за допомогою пари кнопок ви можете редагувати, додавати, видаляти, відключати, включати будь-які теги, задавати умови для них. Крім того, до одного інтерфейсу підключається декілька акаунтів. Це значно спрощує життя, коли ви ведете різні проекти.
  4. Простіше відстежувати події на сайті. Наприклад, вам потрібно відстежити кліки по зовнішніх посиланнях на сайті. Без GTM доведеться додавати код відстеження на кожне (!) зовнішнє посилання – а це довго і трудомістко. З Диспетчером процес пройде в пару кліків і займе кілька хвилин. Так само просто відстежувати кліки на кнопку, відсоток скролінгу, кількість відправлених форм, інші дані.
    Збільшується швидкість роботи сайту. Теги завантажуються в міру готовності, одночасно із завантаженням інших елементів сторінки. Таким чином активація одного тега не блокує запуск іншого. Саме установка Google Tag Manager використовується, як один із способів підвищення швидкості роботи сайту в рамках оптимізації коефіцієнта конверсії.

Кому потрібен Google Tag Manager – GTM для початківців

GTM однозначно корисний і має багато плюсів, але не для всіх

Кому потрібен Google Tag Manager

Театр починається з вішалки, дружба – з посмішки, а робота в GTM – з створення облікового запису та розбору основних понять.

Створення облікового запису – GTM для початківців

Щоб почати роботу, перейдіть на головну сторінку Google Tag Manager → «Реєстрація» → «Створити обліковий запис» → заповніть всі поля → «Створити»:

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

Готово.

Сервіс відразу покаже код (він же контейнер). Його необхідно вставити в розділи <head> та <body> кода сайту, дотримуючись інструкції:

Установка коду - Створення аккаунта Google Tag Manager

Персональний код знайдете у вкладці «Адміністрування» → «Встановити Диспетчер тегів Google»:

Встановлення Диспетчеру тегів Google

У Диспетчері можна підключити відразу декілька акаунтів до одного облікового запису Google. Для цього повертаєтеся на головну сторінку і повторюєте дії. Головне правило: один аккаунт – один сайт.

Основний функціонал Менеджера тегів – GTM для початківців

Щоб розібратися з GTM було легше, розглянемо основні можливості та загальний принцип їх роботи.

В інтерфейсі Робочої області ви знайдете розділи Тег, Тригери, Змінні. Саме вони допоможуть створити, налаштувати і керувати новими тегами:

Основний функціонал Менеджера тегів - GTM для початківців

Принцип роботи Диспетчера тегів Google – GTM для початківців

Диспетчер тегів працює за принципом ланцюгової реакції: виконання певних дій (ваш тригер) при заданих параметрах (ваші змінні) запускають тег – і ви отримуєте потрібні для аналізу дані. Розберемо на прикладах.

Умовно, вам потрібно відстежити, скільки було покупок. Для цього важливо вибрати тег, задати тригер і змінні. Схематично це виглядає так:

Принцип роботи Диспетчера тегів Google - GTM для початківців

Тег відстеження конверсії активується тільки, коли відвідувач опиниться на сторінці подяки, на яку він потрапляє при успішному оформленні замовлення. Тут тригер – відвідування сторінки з певним URL.

Або вам важливо відстежити кількість звернень через форму заявки на консультацію. Для цього налаштовується тег відстеження подій:

Принцип роботи Диспетчера тегів Google - GTM для початківців

Тобто тег спрацює тільки при натисканні кнопки «Відправити» виключно на формі заявки для консультації.

Отримані за допомогою Диспетчера тегів дані імпортуються в сервіси аналітики, наприклад, в Google Analytics. Це дозволяє аналізувати рекламні кампанії, тестувати окремі елементи на сайті, а на основі цього – коригувати стратегію і тактику для ефективного ведення бізнесу.

У цій статті ми розібрали основні поняття і принцип роботи з Диспетчером тегів. У наступних частинах гайда від агентства контекстної реклами Penguin-team ви дізнаєтеся, як створювати, настроювати і управляти тегами, а також важливі нюанси при роботі з GTM.

Понравилась статья? Оцените ее:
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

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

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