För utvecklare & webbplatsägare

    Bygg in bättre analys i din skräddarsydda webbplats

    Oavsett om du kör React, Vue, PHP eller ren HTML - integrera server-side tracking utan att kompromissa med prestandan. Full kontroll, ingen leverantörsinlåsning.

    React
    Vue
    PHP
    JavaScript
    Next.js
    Ingen leverantörsinlåsningVilken teknikstack som helst

    Varför server-side tracking för skräddarsydda webbplatser?

    Modern webbutveckling kräver bättre tracking-lösningar. Server-side tracking ger dig fullständig kontroll.

    Förbättrad integritet & efterlevnad

    Server-side tracking säkerställer att din skräddarsydda webbplats följer GDPR, CCPA och andra integritetsregler samtidigt som du behåller dataägarskapet.

    Förbättrad webbplatsprestanda

    Minska client-side JavaScript-belastningen och förbättra sidhastighetspoängen. Din skräddarsydda sida laddas snabbare med server-side-bearbetning.

    Mer korrekt datainsamling

    Kringgå ad blockers och spårningsskydd. Få komplett, korrekt analysdata från alla dina webbplatsbesökare.

    Flexibel implementering

    Integrera med vilken skräddarsydd teknikstack som helst. Oavsett om du använder React, Vue, PHP eller något annat ramverk anpassar sig server-side tracking.

    Traditionell vs server-side-implementering

    Traditionell client-side

    Din skräddarsydda webbplats
    Flera tracking-skript saktar ner laddningen
    Användarens webbläsare
    Ad blockers och integritetsverktyg blockerar tracking
    Analysplattformar
    Ofullständig och otillförlitlig data

    Server-side med Tracking Hippo

    Din skräddarsydda webbplats
    Ett enda lättviktigt GTM-skript
    Tracking Hippo-server
    Säker server-side databehandling
    Analysplattformar
    Komplett, korrekt och regelefterlevande data

    Enkel integration för skräddarsydda webbplatser

    Implementera server-side tracking på din skräddarsydda webbplats i bara 3 steg

    1

    Konfigurera din GTM-container

    Skapa och konfigurera din Google Tag Manager-container för server-side tracking.

    • Skapa en ny GTM-container med 'Server' som containertyp
    • Behåll din befintliga 'Web'-container för client-side
    • Konfigurera dina tracking-taggar och triggers i servercontainern
    • Publicera din servercontainerkonfiguration
    GTM Container Configuration
    New Container Creation
    ✓ Container type: Server
    ✓ Target platform: Server
    ✓ Container name: YourSite-Server
    ✓ Country: Your region
    2

    Lägg till GTM-skript på din sida

    Implementera Google Tag Manager-skriptet i HTML-koden på din skräddarsydda webbplats, riktat mot din Tracking Hippo-server.

    • Lägg till GTM head-skriptet före den avslutande </head>-taggen
    • Ersätt 'googletagmanager.com' med din Tracking Hippo-server-URL
    • Lägg till GTM body-skriptet efter den öppnande <body>-taggen
    • Konfigurera dataLayer för anpassade events
    GTM Script Implementation
    <!-- 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

    Konfigurera server-URL

    Rikta din GTM-container mot din Tracking Hippo-server för server-side-bearbetning.

    • Hämta din Tracking Hippo-server-URL från dashboarden
    • Uppdatera GTM-containerns server-URL-inställning
    • Konfigurera anpassade domäner vid behov
    • Verifiera server-side dataflödet
    Tracking Hippo Server Configuration
    Tracking Hippo Configuration
    Server URL: https://your-server.trackinghippo.io
    Status: ✓ Connected
    Data flow: ✓ Active

    Implementeringsexempel

    Färdiga kodsnuttar för vanliga scenarier

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

    Allt din skräddarsydda webbplats behöver

    Direkt server-till-server-integration
    Stöd för vilken webbteknikstack som helst
    Anpassad event-tracking och analys
    GDPR-kompatibel databehandling
    Europeisk serverinfrastruktur
    Teknik för att kringgå ad blockers
    Förbättrad konverteringsspårning
    Databearbetning i realtid

    Redo att komma igång?

    Transformera analysen för din skräddarsydda webbplats med server-side tracking. Starta din gratis provperiod idag och se skillnaden.

    Inget kreditkort krävs • €10 i gratis provkredit