本文へ移動

§22-05Security

Cookie 同意バナー (GDPR)

Cookie の利用について同意・拒否・設定を求める。

法規制に沿って追跡の可否を利用者に選ばせる。EU 向けなど同意が義務となる地域にサービスを提供する場合に必要。

実装のポイント

「拒否」を「すべて許可」と同じ階層・同じ強さのボタンで出し、同意前は分析系スクリプトを読み込まない。選択は保存して再表示を避ける。

特徴
  • 永続化
  • 状態管理
デモで使っているもの
  • shadcn/ui
  • lucide-react

このパターンが効く目的