Für Entwickler & Website-Betreiber

    Bessere Analytics für Ihre Custom-Website

    Egal ob React, Vue, PHP oder reines HTML – integrieren Sie Server-Side Tracking ohne Performance-Einbußen. Volle Kontrolle, kein Vendor Lock-in.

    React
    Vue
    PHP
    JavaScript
    Next.js
    Kein Vendor Lock-in•Jeder Tech-Stack

    Warum Server-Side Tracking für Custom-Websites?

    Moderne Webentwicklung verlangt nach besseren Tracking-Lösungen. Server-Side Tracking gibt Ihnen die volle Kontrolle.

    Mehr Datenschutz & Compliance

    Server-Side Tracking sorgt dafür, dass Ihre Custom-Website DSGVO-, CCPA- und weitere Datenschutzanforderungen erfüllt – bei voller Datenhoheit.

    Bessere Website-Performance

    Reduzieren Sie Client-seitiges JavaScript und verbessern Sie Ihre Page-Speed-Werte. Mit Server-Side-Verarbeitung lädt Ihre Website spürbar schneller.

    Präzisere Datenerfassung

    Umgehen Sie Adblocker und Tracking-Prevention. Erhalten Sie vollständige, akkurate Analytics-Daten von allen Besuchern Ihrer Website.

    Flexible Implementierung

    Integration mit jedem Tech-Stack. Egal ob React, Vue, PHP oder ein anderes Framework – Server-Side Tracking passt sich an.

    Klassisches vs. Server-Side Setup

    Klassisches Client-Side

    Ihre Custom-Website
    Mehrere Tracking-Skripte verlangsamen das Laden
    Browser des Nutzers
    Adblocker und Privacy-Tools blockieren das Tracking
    Analytics-Plattformen
    Unvollständige und unzuverlässige Daten

    Server-Side mit Tracking Hippo

    Ihre Custom-Website
    Ein einziges, schlankes GTM-Skript
    Tracking Hippo Server
    Sichere Server-Side-Datenverarbeitung
    Analytics-Plattformen
    Vollständige, präzise und compliant-konforme Daten

    Einfache Integration in jede Custom-Website

    Server-Side Tracking auf Ihrer Custom-Website – einsatzbereit in nur 3 Schritten

    1

    GTM-Container einrichten

    Erstellen und konfigurieren Sie Ihren Google Tag Manager Container für Server-Side Tracking.

    • Neuen GTM-Container mit Container-Typ „Server“ anlegen
    • Bestehenden „Web“-Container für Client-Side weiter nutzen
    • Tracking-Tags und Trigger im Server-Container konfigurieren
    • Server-Container-Konfiguration veröffentlichen
    GTM Container-Konfiguration
    New Container Creation
    ✓ Container type: Server
    ✓ Target platform: Server
    ✓ Container name: YourSite-Server
    ✓ Country: Your region
    2

    GTM-Skript auf Ihrer Website einbinden

    Binden Sie das Google Tag Manager Skript im HTML Ihrer Custom-Website ein und verweisen Sie auf Ihren Tracking Hippo Server.

    • GTM-Head-Skript vor dem schließenden </head>-Tag einfügen
    • „googletagmanager.com“ durch Ihre Tracking Hippo Server-URL ersetzen
    • GTM-Body-Skript nach dem öffnenden <body>-Tag einfügen
    • dataLayer für eigene Events konfigurieren
    GTM-Skript-Implementierung
    <!-- 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

    Server-URL konfigurieren

    Verweisen Sie Ihren GTM-Container auf Ihren Tracking Hippo Server, damit die Daten server-seitig verarbeitet werden.

    • Tracking Hippo Server-URL aus dem Dashboard kopieren
    • Server-URL-Einstellung im GTM-Container aktualisieren
    • Bei Bedarf eigene Domains konfigurieren
    • Server-Side-Datenfluss verifizieren
    Tracking Hippo Server-Konfiguration
    Tracking Hippo Configuration
    Server URL: https://your-server.trackinghippo.io
    Status: ✓ Connected
    Data flow: ✓ Active

    Implementierungsbeispiele

    Sofort einsetzbare Code-Snippets für gängige Szenarien

    Custom Event Tracking

    // 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-Integration

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

    Alles, was Ihre Custom-Website braucht

    Direkte Server-to-Server-Integration
    Unterstützung für jeden Web-Tech-Stack
    Custom Event Tracking und Analytics
    DSGVO-konforme Datenverarbeitung
    Server-Infrastruktur in Europa
    Adblocker-resistente Technologie
    Verbessertes Conversion-Tracking
    Datenverarbeitung in Echtzeit

    Bereit loszulegen?

    Heben Sie die Analytics Ihrer Custom-Website mit Server-Side Tracking auf das nächste Level. Starten Sie noch heute Ihre kostenlose Testversion und überzeugen Sie sich selbst.

    Keine Kreditkarte erforderlich • 10 € kostenloses Startguthaben