Для розробників і власників сайтів

Вбудуйте кращу аналітику у свій custom-сайт

React, Vue, PHP чи чистий HTML — інтегруйте server-side tracking без компромісів у продуктивності. Повний контроль, нуль vendor lock-in.

React

Vue

PHP

JavaScript

Next.js

Без vendor lock-in•Будь-який технологічний стек

Чому server-side tracking для custom-сайтів?

Сучасна веброзробка вимагає кращих рішень для tracking. Server-side tracking дає вам повний контроль.

Краща приватність і compliance

Server-side tracking забезпечує відповідність вашого custom-сайту GDPR, CCPA та іншим регуляціям, зберігаючи повне володіння даними.

Краща продуктивність сайту

Скоротьте навантаження client-side JavaScript і покращте page speed score. Ваш custom-сайт завантажується швидше завдяки server-side обробці.

Точніший збір даних

Обходьте ad blockers і захист від tracking. Отримуйте повні та точні аналітичні дані від усіх відвідувачів сайту.

Гнучка інтеграція

Інтегруйтеся з будь-яким технологічним стеком. React, Vue, PHP чи будь-який інший фреймворк — server-side tracking адаптується.

Традиційне vs server-side впровадження

Традиційний client-side

Ваш custom-сайт

Кілька tracking-скриптів сповільнюють завантаження

Браузер користувача

Ad blockers і privacy-інструменти блокують tracking

Платформи аналітики

Неповні та ненадійні дані

Server-side з Tracking Hippo

Ваш custom-сайт

Один легкий GTM-скрипт

Сервер Tracking Hippo

Безпечна server-side обробка даних

Платформи аналітики

Повні, точні та compliant дані

Проста інтеграція з custom-сайтом

Впровадьте server-side tracking на свій custom-сайт усього за 3 кроки

Налаштуйте GTM-контейнер

Створіть і налаштуйте Google Tag Manager-контейнер для server-side tracking.

Створіть новий GTM-контейнер з типом 'Server'
Залиште наявний 'Web'-контейнер для client-side
Налаштуйте теги та тригери у server-контейнері
Опублікуйте конфігурацію server-контейнера

Налаштування GTM-контейнера

New Container Creation

✓ Container type: Server
✓ Target platform: Server
✓ Container name: YourSite-Server
✓ Country: Your region

Додайте GTM-скрипт на сайт

Впровадьте скрипт Google Tag Manager у HTML вашого custom-сайту з посиланням на сервер Tracking Hippo.

Додайте GTM head-скрипт перед закривальним тегом </head>
Замініть 'googletagmanager.com' на URL вашого сервера Tracking Hippo
Додайте GTM body-скрипт після відкривального тегу <body>
Налаштуйте dataLayer для custom-подій

Впровадження GTM-скрипта

<!-- Google Tag Manager with Tracking Hippo Server -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://your-server.trackinghippo.io/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-XXXXXXX');</script>
<!-- End Google Tag Manager -->

<!-- GTM Body Script -->
<noscript><iframe src="https://your-server.trackinghippo.io/ns.html?id=GTM-XXXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

Налаштуйте URL сервера

Спрямуйте свій GTM-контейнер на сервер Tracking Hippo для server-side обробки.

Отримайте URL сервера Tracking Hippo з dashboard
Оновіть параметр server URL у GTM-контейнері
За потреби налаштуйте власні домени
Перевірте, як ідуть дані на server-side

Конфігурація сервера Tracking Hippo

Tracking Hippo Configuration

Server URL: https://your-server.trackinghippo.io
Status: ✓ Connected
Data flow: ✓ Active

Приклади впровадження

Готові фрагменти коду для типових сценаріїв

Tracking custom-подій

// Custom event tracking
dataLayer.push({
  'event': 'purchase',
  'transaction_id': '12345',
  'value': 25.00,
  'currency': 'USD',
  'items': [{
    'item_id': 'SKU123',
    'item_name': 'Product Name',
    'category': 'Category',
    'quantity': 1,
    'price': 25.00
  }]
});

Інтеграція з React

// React implementation
import { useEffect } from 'react';

const useGTM = () => {
  useEffect(() => {
    // Track page view
    window.dataLayer = window.dataLayer || [];
    window.dataLayer.push({
      event: 'page_view',
      page_title: document.title,
      page_location: window.location.href
    });
  }, []);
};

Усе, що потрібно вашому custom-сайту

Пряма server-to-server інтеграція

Підтримка будь-якого технологічного стеку

Tracking custom-подій і аналітика

GDPR-сумісна обробка даних

Європейська серверна інфраструктура

Технологія обходу ad blockers

Покращений tracking конверсій

Обробка даних у реальному часі

Готові почати?

Трансформуйте аналітику свого custom-сайту з server-side tracking. Почніть безкоштовний тест уже сьогодні та відчуйте різницю.

Без кредитної картки • 7-денний безкоштовний тест