T

Tagtics

Visão geral

  • Introdução
  • Recursos
  • Stack tecnológica

Implementações

  • Visão geral do client
  • React / Next.js
  • Vue 3
  • Angular
  • Svelte
  • Solid.js
  • Vanilla JS / HTML
Docs
Voltar ao app
ImplementaçõesVisão geral do client
Visão geral

Visão geral do client

Configure o client Tagtics para controle preciso de visibilidade e comportamento.

Instalação

Carregue o client via CDN. Nenhum pacote npm é necessário.

<script src="https://cdn.tagtics.online/client.js"></script>
OpçãoTipoPadrãoDescrição
apiKeystring-Obrigatório. Sua chave de API do projeto no dashboard.
includePathsstring[]undefinedPadrões regex. Mostra o widget APENAS em caminhos correspondentes.
excludePathsstring[]undefinedPadrões regex. OCULTA o widget em caminhos correspondentes.
logoUrlstringundefinedURL de logo personalizada para substituir o ícone padrão.
privacyNoticestringDefaultTexto personalizado do aviso de privacidade mostrado durante o feedback.
serializeChildDepthnumber0Profundidade dos elementos filhos a capturar na seleção.

Lógica de controle de caminho

  • Suporte a SPA: O Tagtics detecta automaticamente mudanças de rota em React, Vue, Angular, etc.
  • Mutuamente exclusivos: Use includePaths OU excludePaths, não ambos.
  • Regex: Os caminhos são correspondidos com Regex. Ex.: '.*dashboard.*' corresponde a qualquer caminho contendo 'dashboard'.

Atalhos de teclado

  • Enter: Enviar feedback
  • Escape: Cancelar / Fechar
  • Ctrl+R: Recarregar página

Recursos

  • UI glassmorphism
  • Seletor inteligente de elementos SVG
  • Detecção automática de rotas