React統合
React に Zenovay を追加する
React アプリ向けの軽量アナリティクス。スクリプトタグまたはコンポーネントラッパーを追加するだけ。自動 SPA ルートトラッキング付き。
無料で始める4ステップでセットアップ
Zenovay にサインアップ
auth.zenovay.com で無料の Zenovay アカウントを作成してください。
HTML にスクリプトを追加
public/index.html ファイルの </head> タグの直前に Zenovay スクリプトタグを追加してください。
または React コンポーネントを使用
代替として、ルートの App コンポーネントの useEffect フックを使用してスクリプトを動的に読み込むことができます。
インストールを確認
開発サーバーを起動してアプリにアクセスし、Zenovay ダッシュボードを確認してください。
React 開発者が Zenovay を選ぶ理由
自動 SPA トラッキング
クライアントサイドのルート変更は自動的に追跡されます。React Router の統合や手動のページビュー呼び出しは不要です。
バンドルへの影響ゼロ
スクリプトは外部から読み込まれます — バンドルに追加する npm パッケージはありません。React アプリを軽量に保てます。
カスタムイベント API
任意のコンポーネントからシンプルな JavaScript 呼び出しでサインアップ、購入、あらゆるカスタムアクションを追跡します。
よくある質問
Zenovay は React Router のナビゲーションを追跡しますか？
はい。Zenovay は React シングルページアプリケーションのクライアントサイドルート変更を自動的に検出します。React Router、TanStack Router、その他あらゆるルーティングライブラリを使用していても、すべてのナビゲーションがページビューとして追跡されます。
Create React App で Zenovay を使用できますか？
はい。public/index.html にスクリプトタグを追加するか、App コンポーネントで useEffect アプローチを使用してください。どちらの方法も Create React App ですぐに動作します。
Vite と React で動作しますか？
はい。Vite で動作する React アプリには、index.html ファイルにスクリプトタグを追加するか、ルートコンポーネントで useEffect フックを使用してください。Zenovay はビルドツールに関わらず同様に動作します。
Zenovay は React アプリのパフォーマンスに影響しますか？
いいえ。トラッキングスクリプトは25 KB 未満で、defer 属性を使って非同期読み込みです。React アプリの初期ロード時間やランタイムパフォーマンスへの影響はゼロです。
React コンポーネントからカスタムイベントを追跡できますか？
はい。Zenovay JavaScript API を使用して、任意の React コンポーネントからカスタムイベントを追跡できます。イベントハンドラー、useEffect フック、またはコンポーネントツリーのどこからでも window.zenovay("event", "signup") などを呼び出せます。
その他の統合
Zenovayはあらゆるウェブサイトで動作します。プラットフォームをお選びください。