Overview
Client Overview
Configure the client for precise control over visibility and behavior.
Installation
Load the client from the CDN. No npm package required.
<script src="https://cdn.tagtics.online/client.js"></script>| Option | Type | Default | Description |
|---|---|---|---|
| apiKey | string | - | Required. Your project API key from the dashboard. |
| includePaths | string[] | undefined | Regex patterns. Show widget ONLY on matching paths. |
| excludePaths | string[] | undefined | Regex patterns. HIDE widget on matching paths. |
| logoUrl | string | undefined | Custom logo URL to replace the default icon. |
| privacyNotice | string | Default | Custom privacy notice text shown during feedback. |
| serializeChildDepth | number | 0 | Depth of child elements to capture when selecting. |
Path Control Logic
- SPA Support: automatically detects route changes in React, Vue, Angular, etc.
- Mutually Exclusive: Use either
includePathsORexcludePaths, not both. - Regex: Paths are matched using Regex. E.g.,
'.*dashboard.*'matches any path containing 'dashboard'.
Keyboard Shortcuts
- Enter: Submit feedback
- Escape: Cancel / Close
- Ctrl+R: Reload page
Features
- Element-level targeting
- Full element + page context
- Auto SPA route detection