Як перевірити чи працює Google Tag Manager?

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

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

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

Почнемо?

1. Увімкніть режими preview та debug

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

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

Preview Google Tag Manager

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

Connect tag assistant to your website

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

Connect Tag Assistant with your store

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

GTM tags

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

Fire events in GTM

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

Google Tag Manager debug mode

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

Submit changes to Google Tag Manager

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

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

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

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

Enable Google Tag Assistant

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

Tag assistant analytics

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

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

Звучить складно?

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

Website source code

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

Введіть gtm.js у пошуковий рядок і знайдіть код контейнера GTM між тегами <!-- Google Tag Manager --> і <!-- End Google Tag Manager -->.

Find GTM code in source code

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

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

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

Це відкриває консоль розробника внизу сторінки. Спочатку ви потрапите на вкладку Elements. Але вам потрібно перейти до Network.

Примітка: обов’язково виберіть Disabled Caches та Preserve log і натисніть All.

Developer Tools Network

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

gtmjs code

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

GTM container code on a page

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

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

Google analytics report

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

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