Як перевірити, чи працює Менеджер тегів Google?

Щойно ви нарешті налаштуєте Google Tag Manager для свого веб-сайту, вам потрібно переконатися, що ваші зусилля окупляться. В іншому випадку ви просто сидітимете і чекатимете, поки з’являться якісь дані у звітах GA4, і через деякий час нічого не знайдете.

Саме тому вам потрібно перевірити, чи працює Google Tag Manager одразу після його встановлення на ваш веб-сайт та налагодження GA4 . Хоча налаштування GTM, не кажучи вже про його тестування, може бути складним, ми спробуємо спростити це.

Сьогодні ви знайдете 5 простих способів тестування Google Tag Manager, які підійдуть як розробникам, так і нетехнічним людям. Однак зауважте, що вони не є альтернативами один одному. Ми рекомендуємо використовувати кілька методів тестування.

Чи варто починати?

1. Увімкнення режиму попереднього перегляду та налагодження

Найпростіший спосіб перевірити, чи Google Tag Manager працює належним чином, – це скористатися наявним у вас ресурсом – самим Google Tag Manager. Існують режими попереднього перегляду та налагодження, які дозволяють переглядати створені теги та запускати їх на вашому веб-сайті.

Щоб увімкнути режим попереднього перегляду, перейдіть на свою головну сторінку GTM та виберіть контейнер, який ви хочете протестувати. Знайдіть кнопку Попередній перегляд у верхньому лівому куті панелі навігації.

 Попередній перегляд Google Tag Manager

Після натискання кнопки Попередній перегляд вам потрібно вказати URL-адресу вашого веб-сайту.

 Підключіть Tag Assistant до вашого веб-сайту

URL-адреса відкриється в новій вкладці. Якщо все налаштовано правильно, ви повинні побачити наступне повідомлення в Google Tag Manager.

 Підключіть Tag Assistant до свого магазину

Натисніть Продовжити , щоб переглянути статус, події та запущені теги.

 Теги GTM

Це крок, за допомогою якого ви можете перейти на свій веб-сайт, виконати певну дію та побачити запущені теги.

 Події запуску в GTM

Крім того, на сторінці, що відкрилася в новій вкладці, ви побачите сповіщення про підключення тегу.

 Режим налагодження Менеджера тегів Google

Важливо: щоразу, коли ви вносите будь-які зміни до тегів та переглядаєте їх у Менеджері тегів Google, вам потрібно опублікувати їх, натиснувши Надіслати

 Надіслати зміни до Менеджера тегів Google

2. Використовуйте Google Tag Assistant

Якщо ви шукаєте найпростіший спосіб тестування тегів Менеджера тегів Google, розширення Tag Assistant Legacy для Chrome – найкращий варіант.

Примітка: після додавання цього розширення до Chrome його потрібно ввімкнути, перш ніж використовувати його на певній сторінці.

Щоб перевірити, чи працює Менеджер тегів Google з Tag Assistant, перейдіть на головну сторінку або будь-яку іншу сторінку та натисніть значок розширення у верхньому правому куті адресного рядка браузера. Виберіть Увімкнути та перезавантажте сторінку.

 Увімкніть Google Tag Assistant

Потім знову натисніть на значок розширення, щоб побачити всі виявлені теги.

 Аналітика Tag Assistant

3. Перевірте вихідний код

Інший спосіб перевірити, чи працює Google Tag Manager, – це перевірити контейнер GTM у вихідному коді вашого веб-сайту.

Вже забагато?

Перейдіть на головну сторінку вашого веб-сайту, клацніть правою кнопкою миші будь-де на сторінці та виберіть Переглянути вихідний код сторінки з інструментів веб-браузера. Або ж ви можете натиснути комбінацію клавіш Ctrl+U , щоб переглянути вихідний код.

 Вихідний код веб-сайту

Щойно ви побачите вихідний код вашої головної сторінки, натисніть комбінацію клавіш Ctrl+F , щоб розпочати пошук коду контейнера GTM.

Введіть gtm.js у рядку пошуку та знайдіть код контейнера GTM між тегами та .

 Знайдіть код GTM у вихідному коді

4. Використовуйте консоль розробника

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

Спочатку вам потрібно перейти на головну сторінку вашого веб-сайту, клацнути правою кнопкою миші на сторінці та вибрати Перевірити з інструментів браузера.

Це відкриє консоль розробника внизу сторінки. Спочатку ви потрапите на вкладку Елементи . Але вам потрібно переключитися на Мережа.

Примітка: , переконайтеся, що ви вибрали прапорці Вимкнено кешування та Зберегти журнал та переключилися на Усі.

 Інструменти розробника Мережа

Потім вставте gtm.js у рядок пошуку та оновіть сторінку.

 код gtmjs

В результаті ви повинні отримати щось на кшталт gtm.js?id=GTM-5QHL4MW , що є ідентифікатором вашого контейнера GTM.

 Код контейнера GTM на сторінці

5. Перевірте звіт GA4 у реальному часі

Оскільки вам, найімовірніше, потрібні теги GTM для відстеження важливих подій на вашому веб-сайті, перевірка звітів GA4 у реальному часі також є одним із варіантів. Перейдіть до Google Analytics > Звіти > У реальному часі та перевірте користувачів у реальному часі та їхню активність. Це свідчить про те, що Менеджер тегів Google працює належним чином.

 Звіт Google analytics

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

Якщо ви керуєте інтернет-магазином на Magento, вам просто потрібно перевірити Модуль Magento 2 Google Tag Manager , щоб відстежувати add_to_cart, add_to_wishlist, purchase, create an account та багато інших подій. Це допоможе вам збільшити конверсії та оптимізувати вашу стратегію.