Dla developerów i właścicieli stron

    Zbuduj lepszą analitykę we własnej stronie

    Niezależnie od tego, czy używasz Reacta, Vue, PHP czy czystego HTML — wdrożysz server-side tracking bez kompromisów wydajnościowych. Pełna kontrola, zero vendor lock-inu.

    React
    Vue
    PHP
    JavaScript
    Next.js
    Bez vendor lock-inuDowolny stack technologiczny

    Dlaczego server-side tracking dla własnych stron?

    Nowoczesny web wymaga lepszych rozwiązań trackingowych. Server-side tracking daje Ci pełną kontrolę.

    Lepsza prywatność i zgodność

    Server-side tracking pomaga Twojej stronie zachować zgodność z RODO, CCPA i innymi przepisami o prywatności, a Ty zachowujesz własność danych.

    Wyższa wydajność strony

    Zmniejsz obciążenie JavaScriptem po stronie klienta i podnieś wyniki szybkości. Twoja strona ładuje się szybciej dzięki przetwarzaniu po stronie serwera.

    Dokładniejsze dane

    Omijaj adblockery i mechanizmy blokujące tracking. Otrzymuj kompletne, dokładne dane analityczne od wszystkich odwiedzających.

    Elastyczne wdrożenie

    Integruj się z dowolnym stackiem. Reactem, Vue, PHP czy innym frameworkiem — server-side tracking dopasuje się do Twoich potrzeb.

    Tradycyjne wdrożenie vs server-side

    Tradycyjne client-side

    Twoja strona
    Wiele skryptów trackingowych spowalnia ładowanie
    Przeglądarka użytkownika
    Adblockery i narzędzia prywatności blokują tracking
    Platformy analityczne
    Niekompletne i niewiarygodne dane

    Server-side z Tracking Hippo

    Twoja strona
    Jeden lekki skrypt GTM
    Serwer Tracking Hippo
    Bezpieczne przetwarzanie danych po stronie serwera
    Platformy analityczne
    Kompletne, dokładne i zgodne z przepisami dane

    Łatwa integracja z własną stroną

    Wdrożysz server-side tracking na swojej stronie w 3 krokach

    1

    Skonfiguruj kontener GTM

    Utwórz i skonfiguruj kontener Google Tag Manager pod server-side tracking.

    • Utwórz nowy kontener GTM o typie 'Server'
    • Zachowaj istniejący kontener 'Web' do client-side
    • Skonfiguruj tagi i triggery w kontenerze server
    • Opublikuj konfigurację kontenera server
    Konfiguracja kontenera GTM
    New Container Creation
    ✓ Container type: Server
    ✓ Target platform: Server
    ✓ Container name: YourSite-Server
    ✓ Country: Your region
    2

    Dodaj skrypt GTM do strony

    Wstaw skrypt Google Tag Manager w HTML swojej strony i skieruj go na swój serwer Tracking Hippo.

    • Dodaj skrypt GTM przed zamknięciem tagu </head>
    • Zastąp 'googletagmanager.com' adresem swojego serwera Tracking Hippo
    • Dodaj fragment GTM zaraz po otwierającym tagu <body>
    • Skonfiguruj dataLayer pod własne zdarzenia
    Wdrożenie skryptu 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>
    3

    Skonfiguruj URL serwera

    Skieruj swój kontener GTM na serwer Tracking Hippo, by włączyć przetwarzanie server-side.

    • Pobierz URL swojego serwera Tracking Hippo z dashboardu
    • Zaktualizuj ustawienie URL serwera w kontenerze GTM
    • W razie potrzeby skonfiguruj własne domeny
    • Zweryfikuj przepływ danych po stronie serwera
    Konfiguracja serwera Tracking Hippo
    Tracking Hippo Configuration
    Server URL: https://your-server.trackinghippo.io
    Status: ✓ Connected
    Data flow: ✓ Active

    Przykłady wdrożenia

    Gotowe fragmenty kodu pod typowe scenariusze

    Tracking własnych zdarzeń

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

    Integracja z Reactem

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

    Wszystko, czego potrzebuje Twoja strona

    Bezpośrednia integracja server-to-server
    Wsparcie dla dowolnego stacku webowego
    Tracking własnych zdarzeń i analityka
    Przetwarzanie danych zgodne z RODO
    Europejska infrastruktura serwerów
    Technologia omijająca adblockery
    Lepszy tracking konwersji
    Przetwarzanie danych w czasie rzeczywistym

    Gotów zacząć?

    Przenieś analitykę swojej strony na server-side tracking. Rozpocznij darmowy okres próbny już dziś i zobacz różnicę.

    Bez karty kredytowej • 10 € darmowego kredytu na start