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

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

Незалежно від того, чи ви використовуєте React, Vue, PHP або чистий HTML - інтегруйте серверне відстеження без компромісів у продуктивності. Повний контроль, нульова залежність від постачальника.

React

Vue

PHP

JavaScript

Next.js

Без залежності від постачальника•Будь-який технологічний стек

Чому серверне відстеження для індивідуальних вебсайтів?

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

Підвищена конфіденційність і відповідність

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

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

Зменште навантаження клієнтського JavaScript та покращте показники швидкості сторінки. Ваш індивідуальний сайт завантажується швидше з серверною обробкою.

Більш точний збір даних

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

Гнучка реалізація

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

Традиційна vs серверна реалізація

Традиційна клієнтська сторона

Ваш індивідуальний вебсайт

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

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

Блокувальники реклами та інструменти конфіденційності блокують відстеження

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

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

Серверна сторона з Tracking Hippo

Ваш індивідуальний вебсайт

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

Сервер Tracking Hippo

Безпечна серверна обробка даних

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

Повні, точні та сумісні дані

Легка інтеграція індивідуального вебсайту

Впровадьте серверне відстеження на вашому індивідуальному вебсайті всього за 3 кроки

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

Створіть та налаштуйте ваш контейнер Google Tag Manager для серверного відстеження.

Створіть новий контейнер GTM з типом контейнера 'Server'
Зберігайте ваш існуючий контейнер 'Web' для клієнтської сторони
Налаштуйте ваші теги відстеження та тригери в серверному контейнері
Опублікуйте конфігурацію вашого серверного контейнера

Конфігурація контейнера GTM

New Container Creation

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

Додайте скрипт GTM до вашого сайту

Впровадьте скрипт Google Tag Manager в HTML вашого індивідуального вебсайту, вказуючи на ваш сервер Tracking Hippo.

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

Впровадження скрипта 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 для серверної обробки.

Отримайте URL вашого сервера Tracking Hippo з панелі керування
Оновіть налаштування URL сервера контейнера GTM
Налаштуйте власні домени за потреби
Перевірте потік даних на серверній стороні

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

Tracking Hippo Configuration

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

Приклади реалізації

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

Відстеження користувацьких подій

// 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
    });
  }, []);
};

Все, що потрібно вашому індивідуальному вебсайту

Пряма інтеграція сервер-до-сервера

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

Відстеження користувацьких подій та аналітика

Обробка даних з дотриманням GDPR

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

Технологія обходу блокувальників реклами

Покращене відстеження конверсій

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

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

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

Не потрібна кредитна картка • 7-денна безкоштовна пробна версія