T

Tagtics

Übersicht

  • Einführung
  • Funktionen
  • Tech-Stack

Implementierungen

  • Client-Übersicht
  • React / Next.js
  • Vue 3
  • Angular
  • Svelte
  • Solid.js
  • Vanilla JS / HTML
Doku
Zurück zur App
ImplementierungenClient-Übersicht
Übersicht

Client-Übersicht

Konfigurieren Sie den Tagtics-Client für präzise Kontrolle über Sichtbarkeit und Verhalten.

Installation

Laden Sie den Client vom CDN. Kein npm-Paket erforderlich.

<script src="https://cdn.tagtics.online/client.js"></script>
OptionTypStandardBeschreibung
apiKeystring-Erforderlich. Ihr Projekt-API-Key aus dem Dashboard.
includePathsstring[]undefinedRegex-Muster. Widget NUR auf passenden Pfaden anzeigen.
excludePathsstring[]undefinedRegex-Muster. Widget auf passenden Pfaden AUSBLENDEN.
logoUrlstringundefinedBenutzerdefinierte Logo-URL als Ersatz für das Standard-Icon.
privacyNoticestringDefaultBenutzerdefinierter Datenschutzhinweis, der während des Feedbacks angezeigt wird.
serializeChildDepthnumber0Tiefe der Kind-Elemente, die bei der Auswahl erfasst werden.

Pfadsteuerungslogik

  • SPA-Support: Tagtics erkennt Routenwechsel in React, Vue, Angular usw. automatisch.
  • Gegenseitig ausschließend: Verwenden Sie entweder includePaths ODER excludePaths, nicht beides.
  • Regex: Pfade werden per Regex abgeglichen. Z. B. entspricht '.*dashboard.*' jedem Pfad, der 'dashboard' enthält.

Tastenkürzel

  • Enter: Feedback absenden
  • Escape: Abbrechen / Schließen
  • Ctrl+R: Seite neu laden

Funktionen

  • Glassmorphism-UI
  • Intelligente SVG-Elementauswahl
  • Automatische Routenerkennung