Menu

Rybbit 統合

Rybbit は、オープンソースで機能が豊富なアクセス解析ツールです。基本的なトラフィック分析に加え、ユーザーのセッションリプレイ（操作録画）も提供しており、行動分析をしたい開発者にとって有力な選択肢です。

ただし、セッションリプレイを有効にする場合は、サーバー側のストレージ容量が十分であることを確認してください。

注目すべき点

  • NEXTY.DEV は開発環境では統計スクリプトを無効化しており、データ汚染を防ぎます
  • ローカルで検証したい場合は app/[locale]/layout.tsx を開き、process.env.NODE_ENV === "development" の判定を削除してください
  • ローカル検証が不要なら、本番環境の環境変数を設定するだけで該当スクリプトが自動的に有効になります

ステップ 1：Rybbit でサイトを作成してパラメータを取得

  1. Rybbit の管理画面にログインします
  2. サイト（Website / Project）を作成します
  3. src と data-site-id をコピーします
Rybbit でサイトを作成

ステップ 2：環境変数を設定

src と data-site-id を環境変数に設定します：

.env
NEXT_PUBLIC_RYBBIT_SRC=
NEXT_PUBLIC_RYBBIT_SITE_ID=

セッションリプレイ（ユーザー行動の録画）を有効にしたい場合は、追加で以下を設定します：

.env
NEXT_PUBLIC_RYBBIT_SESSION_REPLAY="true"

セッションリプレイを有効にする場合は、メールアドレスやユーザー名などの機密情報を必ずマスクしてください。例：

.env
NEXT_PUBLIC_RYBBIT_REPLAY_MASK_SELECTORS='[".user-name", "#email"]'
リプレイ設定