T

Tagtics

概要

  • はじめに
  • 機能
  • 技術スタック

実装ガイド

  • クライアント概要
  • React / Next.js
  • Vue 3
  • Angular
  • Svelte
  • Solid.js
  • Vanilla JS / HTML
ドキュメント
アプリに戻る
実装ガイドクライアント概要
概要

クライアント概要

表示と動作を精密に制御できるよう、Tagticsクライアントを設定します。

インストール

CDNからクライアントを読み込みます。npmパッケージは不要です。

<script src="https://cdn.tagtics.online/client.js"></script>
オプション型デフォルト説明
apiKeystring-必須。 ダッシュボードのプロジェクトAPIキーです。
includePathsstring[]undefined正規表現パターン。一致するパスでのみウィジェットを表示します。
excludePathsstring[]undefined正規表現パターン。一致するパスでウィジェットを非表示にします。
logoUrlstringundefinedデフォルトアイコンを置き換えるカスタムロゴURL。
privacyNoticestringDefaultフィードバック時に表示するカスタムプライバシー通知テキスト。
serializeChildDepthnumber0選択時にキャプチャする子要素の深さ。

パス制御ロジック

  • SPA対応: TagticsはReact、Vue、Angularなどでルート変更を自動検出します。
  • 排他: includePaths または excludePaths のどちらか一方を使い、両方は使いません。
  • 正規表現: パスは正規表現で照合されます。例: '.*dashboard.*' は 'dashboard' を含む任意のパスに一致します。

キーボードショートカット

  • Enter: フィードバックを送信
  • Escape: キャンセル / 閉じる
  • Ctrl+R: ページを再読み込み

機能

  • グラスモーフィズムUI
  • スマートSVG要素ピッカー
  • 自動ルート検出