Відстежуємо глибину скролінгу з плагіном Scroll Depth та Google Tag Manager (v2), Контекст
By Євген Юдін
Ми будемо використовувати 3 інструменти:
1) Google Analytics (Universal або класичний)
2) Google Tag Manager (v2)
3) Плагін для Google Analytics - Scroll Depth
Припускаю, що у вас на сайті вже встановлений код Google Tag Manager і за допомогою нього вбудований код Google Analytics. Також на сайті має бути встановлений JQuery версії не нижче 1.7.
Створюємо новий тег, дляустановки Scroll Depth на сайт (сам код плагіна качаємо за посиланням вище).
Тиснемо "далі" і вставляємо код плагіна (у мене стоїть плагін для підсвічування коду, тому фон вікна з кодом - сірий).
Зверніть увагу, що код плагіна потрібно укласти в
А також дописати перед наступним кодом:
Вибираємо умову активації тега.
Я відстежуватиму скролінг на всіх сторінках сайту.
Якщо вам потрібно відстежувати прокручування на певних сторінках, вибирайте відповідну умову активації.
Тег буде надсилати в Analytics події прокручування кожних 25% вашої сторінки. Тобто. при досягненні 25%, 50%, 75% та 100%.
Можна також налаштувати відстеження подій, які потрапляють у поле видимості певних об'єктів. Для цього потрібно додати JQuery селектори необхідних елементів до масиву елементів (за замовчуванням — порожній).
Якщо ми зараз опублікуємо контейнер, Google Analytics не передаватиме жодних даних. Для передачі інформації на бік аналітиксу нам знадобиться 4 змінні, які зберігатимуть у собі дані та ще один тег, який ці дані передаватиме.
Створіть 4 змінні з наступними параметрами:
Ок. Залишилося налаштувати тег Google Analytics для відстеження події та вказати умови його активації (номер лічильника Analytics у мене лежить у змінній UA).
Чудово. Тепер, коли ми опублікуємо контейнер, дані будуть надсилатися до Analytics.
Перевіряємо працездатність у дебаггері.
Дивимося чи відображаються дані щодо подій у звітах у реальному часі.
Ось, власне, і все.
У такий спосіб можна за 10-15 хвилин налаштувати відстеження скролінгу за допомогою пари інструментів.