Resumen
Resumen del cliente
Configura el cliente de Tagtics para un control preciso de la visibilidad y el comportamiento.
Instalación
Carga el cliente desde el CDN. No se requiere paquete npm.
<script src="https://cdn.tagtics.online/client.js"></script>| Opción | Tipo | Por defecto | Descripción |
|---|---|---|---|
| apiKey | string | - | Obligatorio. Tu API key del proyecto desde el panel. |
| includePaths | string[] | undefined | Patrones regex. Muestra el widget SOLO en rutas que coincidan. |
| excludePaths | string[] | undefined | Patrones regex. OCULTA el widget en rutas que coincidan. |
| logoUrl | string | undefined | URL de logo personalizado para reemplazar el ícono por defecto. |
| privacyNotice | string | Default | Texto personalizado del aviso de privacidad mostrado durante el feedback. |
| serializeChildDepth | number | 0 | Profundidad de elementos hijos a capturar al seleccionar. |
Lógica de control de rutas
- Soporte SPA: Tagtics detecta automáticamente cambios de ruta en React, Vue, Angular, etc.
- Mutuamente excluyentes: Usa
includePathsOexcludePaths, no ambos. - Regex: Las rutas se emparejan con Regex. Ej.:
'.*dashboard.*'coincide con cualquier ruta que contenga 'dashboard'.
Atajos de teclado
- Enter: Enviar feedback
- Escape: Cancelar / Cerrar
- Ctrl+R: Recargar página
Características
- UI glassmorphism
- Selector inteligente de elementos SVG
- Detección automática de rutas