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

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

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

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

Ще у 2016 році 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».

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

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

Різниця у швидкості завантаження сторінки при розміщенні тегів всередині веб-контейнера GTM та на стороні серверного контейнера

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

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

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

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

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

Висновок

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