概要
クライアント概要
表示と動作を精密に制御できるよう、Tagticsクライアントを設定します。
インストール
CDNからクライアントを読み込みます。npmパッケージは不要です。
<script src="https://cdn.tagtics.online/client.js"></script>| オプション | 型 | デフォルト | 説明 |
|---|---|---|---|
| apiKey | string | - | 必須。 ダッシュボードのプロジェクトAPIキーです。 |
| includePaths | string[] | undefined | 正規表現パターン。一致するパスでのみウィジェットを表示します。 |
| excludePaths | string[] | undefined | 正規表現パターン。一致するパスでウィジェットを非表示にします。 |
| logoUrl | string | undefined | デフォルトアイコンを置き換えるカスタムロゴURL。 |
| privacyNotice | string | Default | フィードバック時に表示するカスタムプライバシー通知テキスト。 |
| serializeChildDepth | number | 0 | 選択時にキャプチャする子要素の深さ。 |
パス制御ロジック
- SPA対応: TagticsはReact、Vue、Angularなどでルート変更を自動検出します。
- 排他:
includePathsまたはexcludePathsのどちらか一方を使い、両方は使いません。 - 正規表現: パスは正規表現で照合されます。例:
'.*dashboard.*'は 'dashboard' を含む任意のパスに一致します。
キーボードショートカット
- Enter: フィードバックを送信
- Escape: キャンセル / 閉じる
- Ctrl+R: ページを再読み込み
機能
- グラスモーフィズムUI
- スマートSVG要素ピッカー
- 自動ルート検出