Menu

PostHog 統合

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

注目すべき点

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

ステップ 1：PostHog アカウントを作成

  1. PostHog にアクセスしてアカウントを作成します
  2. 新しいプロジェクトを作成します

ステップ 2：API Key を取得

  1. PostHog ダッシュボード中，Settings をクリックします
  2. Project API Key をコピーします
  3. Host URL をメモします
posthog

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

.env.local または環境変数設定に以下を追加します：

.env
NEXT_PUBLIC_POSTHOG_KEY=phc_your_project_api_key_here
NEXT_PUBLIC_POSTHOG_HOST=your_posthog_host_url