Integração React
Adicione o Zenovay ao React
Analytics leve para apps React. Adicione uma tag de script ou use um componente wrapper. Rastreamento automático de rotas SPA incluído.
Começar grátisConfiguração em 4 etapas
Crie sua conta no Zenovay
Crie sua conta gratuita do Zenovay em auth.zenovay.com.
Adicione o script ao seu HTML
Adicione a tag de script do Zenovay ao seu arquivo public/index.html antes da tag de fechamento </head>.
Ou use um componente React
Como alternativa, use um hook useEffect no seu componente App raiz para carregar o script dinamicamente.
Verifique a instalação
Inicie seu servidor de desenvolvimento, acesse seu app e verifique o dashboard do Zenovay.
Por que desenvolvedores React escolhem o Zenovay
Rastreamento automático de SPA
Mudanças de rota do lado do cliente são rastreadas automaticamente. Sem integração com React Router ou chamadas manuais de pageview necessárias.
Zero impacto no bundle
O script carrega externamente -- sem pacote npm para adicionar ao seu bundle. Seu app React continua enxuto.
API de eventos personalizados
Rastreie cadastros, compras e qualquer ação personalizada com uma simples chamada JavaScript de qualquer componente.
Perguntas frequentes
O Zenovay rastreia a navegação do React Router?
Sim. O Zenovay detecta automaticamente mudanças de rota do lado do cliente em aplicativos de página única React. Seja com React Router, TanStack Router ou qualquer outra biblioteca de roteamento, cada navegação é rastreada como um pageview.
Posso usar o Zenovay com Create React App?
Sim. Adicione a tag de script ao public/index.html ou use a abordagem useEffect no seu componente App. Ambos os métodos funcionam com Create React App sem configuração adicional.
Funciona com Vite e React?
Sim. Para apps React com Vite, adicione a tag de script ao seu arquivo index.html ou use o hook useEffect no seu componente raiz. O Zenovay funciona de forma idêntica independentemente da sua ferramenta de build.
O Zenovay vai afetar o desempenho do meu app React?
Não. O script de rastreamento tem menos de 25 KB e carrega de forma assíncrona com o atributo defer. Ele não tem nenhum impacto no tempo de carregamento inicial ou no desempenho em tempo de execução do seu app React.
Posso rastrear eventos personalizados de componentes React?
Sim. Use a API JavaScript do Zenovay para rastrear eventos personalizados de qualquer componente React. Chame window.zenovay("event", "signup") ou similar em handlers de eventos, hooks useEffect ou em qualquer lugar da sua árvore de componentes.
Outras integrações
Zenovay funciona com qualquer site. Escolha sua plataforma.
Adicione analytics ao seu app React
Tag de script ou componente wrapper. Rastreamento automático de rotas. Plano gratuito incluído.
Comece Gratuitamente