Покращення швидкості сторінки веб-сайту за допомогою Google Tag Manager Server-Side Tracking

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

У цій статті буде показано, як перехід на серверний GTM із веб-контейнера Google Tag Manager може прискорити роботу вашого веб-сайту. Зауважте, що ви не побачите жодних покращень швидкості сторінки, якщо поєднаєте відстеження сервера та браузера. Наприклад, швидкість вашого сайту не збільшиться, якщо ви використовуєте водночас і Facebook pixel і Conversion API. У цьому випадку піксель FB все одно працюватиме в браузерах користувачів і сповільнюватиме роботу сайту.

Чому швидкість сторінки має значення?

Згідно з дослідженнями Google, якщо сайт завантажується більше 3 секунд, 53% користувачів залишать його. При цьому, в середньому, для повного завантаження мобільної сторінки потрібно 22 секунди.

Ми живемо в час, коли люди користуються телефонами-годинниками більше, ніж настільними пристроями, а на смартфони припадає понад 50% всього інтернет-трафіку. Але за даними Google, коефіцієнт конверсії на мобільних телефонах нижчий, ніж на комп’ютері. Тому швидкість завантаження сайту відіграє важливу роль у відповідності стандартам продуктивності.

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

Згідно з дослідженням Amazon, затримка відповіді сторінки на 1 секунду призводить до втрати конверсій на 1%. Це еквівалентно втраті для них 1,6 мільярда доларів щорічного доходу.

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

Як тегування на стороні сервера Google Tag Manager може прискорити ваш веб-сайт?

У 2020 році Google випустила серверний контейнер для Google Tag Manager і Tag Manager 360. Він дає змогу рекламодавцям переміщувати сторонні теги зі своїх сайтів на новий серверний контейнер, розміщений на хмарних серверах. Таким чином веб-сайт може завантажуватися швидше, відстеження може бути точнішим, а дані безпечнішими. Крім того, переміщення тегів у серверний контейнер може допомогти вам вирішити ось цю помилку Google PageSpeed – «Reduce the impact of third-party code — Third-party code blocked the main thread for 550 ms».

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

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

Яка різниця у швидкості сторінки, коли теги розміщуються всередині веб-контейнера GTM, і на стороні сервера?

Для цього експерименту я використав демо веб-сайт і порівняв результати Google PageSpeed, коли теги додавались через веб-контейнер GTM з серверним контейнером GTM. Не всі теги однаково впливають на Google PageSpeed. Проводячи цей експеримент, я вирішив вибрати найпопулярніші теги, які використовуються моїм клієнтом, і теги, які можна перемістити в серверний контейнер: Universal Analytics, Facebook, Bing і Active Campaign.

Серверний контейнер GTM має власні теги для Universal Analytics і GA4. Тут ви можете знайти детальну інформацію про те, як додати Universal Analytics через серверний контейнер GTM. Ми також створили кастомний шаблон, який може допомогти вам перемістити піксель Facebook у серверне середовище.

Нижче наведено результати тесту швидкості Google. Швидкість сторінки Google показала 95 балів на мобільному пристрої і 100 на комп’ютері.

У нас на серверному контейнері встановлено такі теги: Universal Analytics, GA4, Facebook (база та відстеження конверсій), Hubspot і тег Klaviyo.

Коли ми перемістили піксель у веб-контейнер, результати Google PageSpeed зменшилися до 56 балів.

Висновок:

Якщо перемістити теги в серверний контейнер Google Tag Manager, це прискорить роботу сайту. Рівень його впливу буде залежати від тегів, які ви використовуєте. У цьому тесті я спробував використовувати найпопулярніші теги, які використовують мої клієнти: Universal Analytics, GA4, Facebook і Active campaign. Але є й інший результат. Наразі не всі пікселі можна налаштувати через серверний контейнер. Наприклад, Twitter і LinkedIn не підтримують відстеження на стороні сервера (сподіваюся, незабаром це зміниться). І такі інструменти, як Hotjar, за замовчуванням несумісні з тегами на стороні сервера.