Освоюємо Google Tag Assistant



Google Tag Assistant є безкоштовним інструментом для браузера Google Chrome. Це розширення дуже корисне для тих, хто працює з контекстною рекламою ‒ економить ресурси системи та працює швидко.

Його основні функції полягають у наступному:

  1. Швидко визначати сторінки, на яких не встановлено код Google Analytics.
  2. Діагностувати проблеми реалізації та отримати звіти про помилки на етапі впровадження тегів.
  3. Переглянути, які з них спрацьовують та які дані передають.
  4. Звести до мінімуму збір пошкоджених даних, усунути неполадки.
  5. Записувати послідовність дій, виконуваних користувачами на сайті, щоб виявити проблеми з налаштуванням.
Зображення 1 до статті Освоюємо Google Tag Assistant

Рис. 1 ‒ Що перевіряє Tag Assistant


З якими тегами працює Google Tag Assistant:

  • Google Analytics;
  • тегом відстеження конверсій Google Ads;
  • Google Tag Manager;
  • тегом ремаркетингу

та іншими.

1. Налаштовуємо Google Tag Assistant

Встановимо розширення Google Tag Assistant з веб-магазину Chrome.

Зображення 2 до статті Освоюємо Google Tag Assistant

Рис. 2 ‒ Tag Assistant в магазині Chrome


Встановлюємо і включаємо Google Tag Assistant натисканням на значок вгорі, праворуч від адресного рядка.

Зображення 3 до статті Освоюємо Google Tag Assistant

Рис. 3 ‒ Установка Tag Assistant

За замовчуванням розширення відключено, тому при кліку на синій значок натискаємо «Enable» зліва внизу вікна, що з’явилося. Після оновлення сторінки інструмент запрацює.

Зображення 4 до статті Освоюємо Google Tag Assistant

Рис. 4 ‒ Вибираємо потрібну опцію Tag Assistant


Кликнемо по іконці інструменту, вибираємо “Параметри” і вводимо домен, який хочемо перевірити. Два нижніх “прапорця” повинні бути активними. Перший з них відповідає за запис даних сторінки, яка відкривається. Другий ‒ за автоматичне відкриття звіту, інакше доведеться відкривати його вручну.

Зображення 5 до статті Освоюємо Google Tag Assistant

Рис. 5 ‒ Вибираємо домен для відстеження тегів


Піктограма розширення змінює колір і буде показувати різні числа залежно від виявлених тегів та їхньої кількості:

  • червона покаже наявність критичної помилки. Такий тег може спотворювати дані у звітах і працювати неправильно;
  • жовта ‒ розміщення такого тегу може призвести до наслідків, які складно передбачити;
  • синя ‒ в тезі є незначні помилки або можна дати додаткові поради щодо оптимізації тегів;
  • зелена ‒ помилок не виявлено, всі теги робочі.
  1. Далі змінюємо рівень деталізації всіх тегів (просимо детальну інформацію).
Зображення 6 до статті Освоюємо Google Tag Assistant

Рис. 6 ‒ Зміна рівня деталізації тегів з «Default» на «Detailed Information»

  1. Наступним пунктом включаємо вручну «Автоперевірка» і «Налагодження GA».
    Перший параметр включає розширення на всіх вкладках Хрому, другий замінює Google Analytics Debugger (налагодження коду Google Analytics без зміни самого коду відстеження).
Зображення 7 до статті Освоюємо Google Tag Assistant

Рис. 7 ‒ Завершальні кроки налаштування Google Tag Assistant


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

2. Як трактувати результати Google Tag Assistant


Відкриваємо результат Assistant в новому вікні та дивимося на колір піктограм. Для перегляду інформації, яка стосується конкретного тегу, натискаємо на назву тегу в цьому списку.

Зображення 8 до статті Освоюємо Google Tag Assistant

Рис. 8 ‒ Результати роботи Google Tag Assistant


Як видно зі скріншоту з прикладом, щодо Google Tag Manager в цьому випадку питань немає ‒ все працює коректно.

Зображення 9 до статті Освоюємо Google Tag Assistant

Рис. 9 ‒ Звіт за тегами на сторінці Google Tag Assistant


У вкладці «Metadata» показані версія коду, ідентифікатор сайту та контейнера Google Tag Manager.
У «Code Snippet» відображений фрагмент коду, важливий для усунення неполадок.
У підрозділі «Where to optimize» відображаються загальні повідомлення (або помилки, якщо вони є) з відсиланням на довідкові статті, які можуть допомогти це виправити. Дивимося, в чому проблема синьої піктограми.

Зображення 10 до статті Освоюємо Google Tag Assistant

Рис. 10 ‒ Проблемне місце, знайдене Google Tag Assistant


Таким чином, ми бачимо, що на сайті ідентифіковані 2 теги ‒ Google Analytics та Google Tag Manager. Серйозних помилок не виявлено: Non-standard implementation, за роз’ясненнями Гугла, ніяк не впливає на роботу тегів.

3. Запис переходу


За допомогою функції “Google Tag Assistant Recordings” можна перевірити, чи правильно працює відстеження Аналітики на конкретному сайті. Перш ніж скористатися нею, потрібно визначити основні етапи переходу, які слід записати.

Зазвичай вони охоплюють відвідування певних сторінок на цьому сайті або інших веб-ресурсах, які містять посилання на сторінку. Так, для інтернет-магазинів ця послідовність дій може включати відвідування сторінок оформлення замовлення.
Після включення запису потрібно перезавантажити поточну сторінку.

Зображення 11 до статті Освоюємо Google Tag Assistant

Рис. 11 ‒ Функція Google Tag Assistant Recordings


Розглянувши установку й трактування результатів розширення Google Tag Assistant, ми бачимо, що цей інструмент виявиться корисним при будь-якій роботі з тегами та економить фахівцям багато часу.

Слід зазначити, що розширення Google Tag Assistant не відстежує дії користувачів у Мережі та не відправляє дані третім особам. Інструмент тільки перевіряє теги на сторінках, відвідуваних користувачами, і показує результати.

Якщо ви знайшли помилку, будь ласка, виділіть фрагмент тексту та натисніть Ctrl+Enter.

Поділитися

Повідомити про помилку

Текст, який буде надіслано нашим редакторам: