NotHeadless UI

Eventos de analytics

StoreProvider emite eventos de ecommerce tipados con el formato de GA4: view_item, select_item, add_to_cart, remove_from_cart, view_cart, begin_checkout, add_to_wishlist y search. Mandalos a GA4, Meta, Segment o PostHog.

Ejemplo interactivo con datos de muestra. Sin conexión a una tienda real.

// los eventos aparecen acá — el view_item de arriba se disparó al montar

"use client"
import { StoreProvider, sendToGtag, type StoreEvent } from "@notheadless/ui"

function onEvent(event: StoreEvent) {
  sendToGtag(event)                       // GA4 (no hace nada sin gtag)
  // fbq("track", map[event.name], …)     // Meta Pixel, etc.
}

<StoreProvider onEvent={onEvent}>…</StoreProvider>

// componentes propios
const track = useTrack()
track({ name: "search", search_term: q })

Los montos van en la unidad principal de la moneda (24900 equivale a $ 24.900), como espera GA4. La moneda se agrega sola y los errores del handler se absorben, así analytics nunca puede romper el checkout.

Cargando documentación…