Iniciar sesiónEmpezar gratis

Analítica para Svelte

Analítica de producto para Svelte

Añade analítica de producto completa — eventos, embudos, repetición de sesiones y mapas de calor — a tu app de Svelte o SvelteKit desde una sola etiqueta de script, con la navegación de cliente registrada automáticamente.

Por qué importa

Lo que los equipos de Svelte por fin pueden ver

Las rutas de cliente no se cuentan

SvelteKit navega en el navegador. PulsePanda registra cada transición para que tus vistas de página reflejen el uso real.

Sin visión de la adopción

Registra eventos personalizados para medir qué funciones y rutas alcanzan los usuarios después de cada lanzamiento.

Los problemas de interfaz son invisibles

La repetición de sesiones y los mapas de calor revelan dónde los usuarios tienen dificultades dentro de tus componentes.

Configuración

Añade PulsePanda a Svelte

Añade el fragmento a src/app.html, la plantilla HTML que SvelteKit usa para cada página.

SvelteKit — src/app.html

<!doctype html> <html lang="en"> <head> %sveltekit.head% <script src="https://pulsepanda.dev/sdk.js" data-project="YOUR_PROJECT_ID" defer></script> </head> <body> <div>%sveltekit.body%</div> </body> </html>

Para una app de Svelte simple (Vite), añade el mismo fragmento a index.html en su lugar.

Flujo de trabajo

De la instalación al conocimiento

1

Instala el fragmento

Añade el script una vez a tu proyecto de Svelte. La analítica web, los clics autocapturados, la repetición de sesiones y los mapas de calor empiezan a recopilar de inmediato.

2

Registra lo que importa

Llama a pulsepanda.track() en acciones clave y pulsepanda.identify() tras el inicio de sesión para conectar eventos, sesiones y feedback a cada usuario.

3

Actúa con los datos

Crea embudos, observa las repeticiones detrás de los abandonos, lee mapas de calor y recopila feedback dentro del producto — todo en un solo espacio de trabajo.

Lo que obtienes

Un fragmento, la imagen completa

Capa de análisisVistas de página, eventos personalizados, embudos de conversión y retención.
Capa de comportamientoRepetición de sesiones, mapas de calor de clic y scroll, y contexto de errores.
Capa de comentariosEncuestas dentro del producto, widgets de feedback, formularios y un panel de votación de funciones.

Preguntas frecuentes

Preguntas sobre Svelte

¿Registra la navegación de SvelteKit?

Sí. El SDK escucha los cambios de la History API, así que las transiciones de ruta del lado del cliente de SvelteKit se registran como vistas de página automáticamente.

¿Dónde pongo el fragmento en SvelteKit?

En src/app.html dentro del <head>. Luego se carga en cada página renderizada en el servidor y navegada en el cliente.

¿Puedo enviar eventos desde un componente de Svelte?

Sí. Llama a pulsepanda.track("event", { props }) dentro de cualquier manejador o función del ciclo de vida.

Páginas relacionadas

Explorar más

Añade analítica a tu app de Svelte

Instala una vez y conecta analítica, repetición de sesiones, mapas de calor, embudos y feedback en minutos.

Empezar gratis