Kehittäjille & sivustojen omistajille

Rakenna parempi analytiikka räätälöityyn sivustoosi

Käytätpä React-, Vue-, PHP- tai puhdasta HTML-toteutusta, voit integroida server-side-seurannan ilman suorituskyvyn heikentymistä. Täysi hallinta, ei toimittajaloukkua.

React

Vue

PHP

JavaScript

Next.js

Ei toimittajaloukkua•Mikä tahansa teknologia

Miksi server-side-seuranta räätälöidyille sivustoille?

Moderni web-kehitys vaatii parempia seurantaratkaisuja. Server-side-seuranta antaa sinulle täyden hallinnan.

Parempi yksityisyys & noudattaminen

Server-side-seuranta varmistaa, että räätälöity sivustosi noudattaa GDPR:ää, CCPA:ta ja muita tietosuojasäädöksiä säilyttäen samalla datan omistajuuden.

Parempi sivuston suorituskyky

Vähennä client-side-JavaScriptin kuormaa ja paranna sivunopeuden pisteitä. Räätälöity sivustosi latautuu nopeammin server-side-käsittelyn ansiosta.

Tarkempi datan keruu

Ohita ad blockerit ja seurannan esto. Saat täydellistä, tarkkaa analytiikkadataa kaikilta sivustosi kävijöiltä.

Joustava käyttöönotto

Integroi mihin tahansa räätälöityyn teknologiaan. Käytitpä Reactia, Vueta, PHP:tä tai mitä tahansa muuta kehystä, server-side-seuranta mukautuu.

Perinteinen vs. server-side-toteutus

Perinteinen client-side

Räätälöity sivustosi

Useat seurantaskriptit hidastavat latausta

Käyttäjän selain

Ad blockerit ja yksityisyystyökalut estävät seurannan

Analytiikka-alustat

Epätäydellistä ja epäluotettavaa dataa

Server-side Tracking Hipon kanssa

Räätälöity sivustosi

Yksittäinen kevyt GTM-skripti

Tracking Hippo -palvelin

Turvallinen server-side-datankäsittely

Analytiikka-alustat

Täydellistä, tarkkaa ja säädöstenmukaista dataa

Helppo räätälöidyn sivuston integrointi

Ota server-side-seuranta käyttöön räätälöidyllä sivustollasi vain 3 vaiheessa

Määritä GTM-konttisi

Luo ja määritä Google Tag Manager -konttisi server-side-seurantaa varten.

Luo uusi GTM-kontti kontin tyypiksi 'Server'
Säilytä olemassa oleva 'Web'-konttisi client-sidea varten
Määritä seurantatagit ja triggerit server-kontissa
Julkaise server-konttisi konfiguraatio

GTM Container Configuration

New Container Creation

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

Lisää GTM-skripti sivustoosi

Ota Google Tag Manager -skripti käyttöön räätälöidyn sivustosi HTML:ssä osoittaen Tracking Hippo -palvelimellesi.

Lisää GTM head -skripti ennen sulkevaa </head>-tagia
Korvaa 'googletagmanager.com' Tracking Hippo -palvelimesi URL-osoitteella
Lisää GTM body -skripti avaavan <body>-tagin jälkeen
Määritä dataLayer mukautettuja tapahtumia varten

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>

Määritä palvelimen URL

Osoita GTM-konttisi Tracking Hippo -palvelimellesi server-side-käsittelyä varten.

Hae Tracking Hippo -palvelimesi URL hallintapaneelista
Päivitä GTM-kontin palvelimen URL -asetus
Määritä mukautetut domainit tarvittaessa
Varmista server-side-datan kulku

Tracking Hippo Server Configuration

Tracking Hippo Configuration

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

Toteutusesimerkkejä

Valmiit koodinpätkät yleisiin tilanteisiin

Mukautettu tapahtumien seuranta

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

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

Kaikki, mitä räätälöity sivustosi tarvitsee

Suora server-to-server-integraatio

Tuki mille tahansa web-teknologialle

Mukautettu tapahtumien seuranta ja analytiikka

GDPR-yhteensopiva datankäsittely

Eurooppalainen palvelininfrastruktuuri

Ad blockerin ohitusteknologia

Parannettu konversioseuranta

Reaaliaikainen datankäsittely

Valmis aloittamaan?

Muuta räätälöidyn sivustosi analytiikka server-side-seurannalla. Aloita ilmainen kokeilu jo tänään ja huomaa ero.

Ei luottokorttia • 10 € ilmaista kokeilukrediittiä