Para developers y propietarios de sitios web

Mejor analytics integrado en tu sitio web a medida

Tanto si usas React, Vue, PHP o HTML puro, integra server-side tracking sin sacrificar rendimiento. Control total y sin vendor lock-in.

React

Vue

PHP

JavaScript

Next.js

Sin vendor lock-in•Cualquier stack tecnológico

¿Por qué server-side tracking en sitios a medida?

El desarrollo web moderno necesita mejores soluciones de tracking. El server-side tracking te da el control total.

Mayor privacidad y cumplimiento

El server-side tracking ayuda a tu sitio a medida a cumplir con el RGPD, la CCPA y otras normativas de privacidad, manteniendo la propiedad de los datos.

Mejor rendimiento del sitio web

Reduce la carga de JavaScript en el cliente y mejora las puntuaciones de velocidad de página. Tu sitio carga más rápido gracias al procesamiento server-side.

Recopilación de datos más precisa

Esquiva los ad blockers y las medidas anti-tracking. Obtén datos de analytics completos y precisos de todos los visitantes de tu web.

Implementación flexible

Se integra con cualquier stack tecnológico a medida. Tanto si usas React, Vue, PHP o cualquier otro framework, el server-side tracking se adapta.

Implementación tradicional vs server-side

Client-side tradicional

Tu sitio web a medida

Múltiples scripts de tracking ralentizan la carga

Navegador del usuario

Los ad blockers y las herramientas de privacidad bloquean el tracking

Plataformas de analytics

Datos incompletos y poco fiables

Server-side con Tracking Hippo

Tu sitio web a medida

Un único script de GTM ligero

Servidor de Tracking Hippo

Procesamiento seguro de los datos en el servidor

Plataformas de analytics

Datos completos, precisos y conformes

Integración sencilla en sitios a medida

Implementa server-side tracking en tu sitio a medida en solo 3 pasos

Configura tu container de GTM

Crea y configura tu container de Google Tag Manager para server-side tracking.

Crea un nuevo container de GTM con tipo 'Server'
Mantén tu container 'Web' existente para el lado del cliente
Configura tus tags y triggers en el container de servidor
Publica la configuración de tu server container

Configuración del container de GTM

New Container Creation

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

Añade el script de GTM a tu sitio

Implementa el script de Google Tag Manager en el HTML de tu sitio a medida, apuntando a tu servidor de Tracking Hippo.

Añade el script de GTM en el head, antes del cierre </head>
Sustituye 'googletagmanager.com' por la URL de tu servidor de Tracking Hippo
Añade el script de GTM en el body, justo después de la etiqueta <body>
Configura el dataLayer para los eventos personalizados

Implementación del script de 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>

Configura la URL del servidor

Apunta tu container de GTM a tu servidor de Tracking Hippo para el procesamiento server-side.

Obtén la URL de tu servidor de Tracking Hippo desde el dashboard
Actualiza el ajuste de URL de servidor en tu container de GTM
Configura dominios personalizados si los necesitas
Verifica el flujo de datos server-side

Configuración del servidor de Tracking Hippo

Tracking Hippo Configuration

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

Ejemplos de implementación

Fragmentos de código listos para usar en escenarios habituales

Tracking de eventos personalizados

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

Integración con 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
    });
  }, []);
};

Todo lo que necesita tu sitio a medida

Integración directa servidor a servidor

Compatible con cualquier stack web

Tracking de eventos personalizados y analytics

Procesamiento de datos compatible con RGPD

Infraestructura de servidores europeos

Tecnología que esquiva los ad blockers

Tracking de conversiones mejorado

Procesamiento de datos en tiempo real

¿Listo para empezar?

Transforma el analytics de tu sitio web a medida con server-side tracking. Inicia tu prueba gratuita hoy y nota la diferencia.

Sin tarjeta de crédito • Prueba gratuita de 7 días