Базові тригери перегляду сторінки в Google Tag Manager: Page View, DOM Ready, Window Loaded

Базові тригери перегляду сторінки в Google Tag Manager: Page View, DOM Ready, Window Loaded

Працюючи з Google Tag Manager ви безперечно стикалися з тригером Page View (All Pages), наприклад, при установці Google Analytics або Facebook Pixel . Багато хто помилково вважає, що цей тригер прослуховує подію завантаження сторінки, але це не зовсім правильно. Насправді, Page View– це подія, яка передається в dataLayer в момент завантаження контейнера GTM (ім`я події – gtm.js).Події перегляду сторінки Page View, DOM Ready, Window Load у відладчику Google Tag Manager

Іншими словами, коли ви використовуєте тригер Page View, ви кажете диспетчеру тегів запустити ваш тег відразу після його завантаження, не чекаючи повного завантаження сторінки. Якщо вам потрібно запускати тег після завантаження DOM або повного завантаження сторінки, то для цього існують інші тригери категорії Перегляд сторінки:

  • DOM Ready – подія передається після того, як HTML сторінка була відображена браузером (ім’я події – gtm.dom);
  • Window Loaded– подія міститься в dataLayer після того, як сторінка і всі пов`язані ресурси завершили завантаження (ім`я події – gtm.load).Тригери перегляду сторінки Page View, DOM Ready, Window Load у GTM

І якщо ви думаєте, що ця різниця між тригерами зовсім незначна, то подивіться на скріншот нижче: різниця між першою та останньою подією більше 5 секунд.Різниця у часі між подіями перегляду сторінки в GTM

При налаштуванні тегів використовуйте тригер All Pages так, як він повинен використовуватися: для запуску тега на кожній сторінці, з встановленим на ній GTM, на ранній стадії завантаження сторінки. Прикладом тегів, які можуть використовувати тригер All Pages, може бути тег перегляду сторінки Google Analytics або скрипт для відстеження джерела переходу на ваш сайт .

Якщо ви хочете використовувати скрипт, який взаємодіє з DOM, наприклад, подія заповнення поля введення формиВам краще підійде тригер DOM Ready або Window Loaded. В іншому випадку можлива ситуація, що ви намагатиметеся прикріпити слухач до елемента, якого ще не існує.

З недавніх пір Google також дав нам більше можливості по запуску тригерів типу Глибина прокручування та відстеження відео. Тепер ви можете вибрати момент запуску тригера: відразу після завантаження контейнера, після завантаження DOM або після завантаження всіх ресурсів сторінки.Вибір моменту запуску тригера типу Scroll Depth у GTM

Впевнений, що ви зробите правильний вибір після прочитання цієї статті.

Якщо ви все ще утруднюєте якийсь тригер перегляду сторінки вибрати, ставте питання в коментарях.