Cookie 同意バナー（GDPR 風）
Cookie 同意バナーは、サイトが Cookie を使うことを訪問者に知らせ、同意・拒否・設定を選んでもらうための UI です。このサンプルは画面右下にカード型で表示し、説明文とプライバシーポリシーへのリンク、「同意する」「設定」「拒否」のボタンを備えます。
解説
Cookie 同意バナーは、サイトが Cookie を使うことを訪問者に知らせ、同意・拒否・設定を選んでもらうための UI です。このサンプルは画面右下にカード型で表示し、説明文とプライバシーポリシーへのリンク、「同意する」「設定」「拒否」のボタンを備えます。表示と非表示は JavaScript で切り替える想定で、影と角丸を効かせた読みやすいレイアウトになっています。GDPR や個人情報保護の文脈で定番の見せ方です。
導入が必要になる場面
- アクセス解析や広告タグで Cookie を利用するサイト
- EU 圏からの訪問が想定されるサービス
- 同意状況を記録して再表示を制御したいとき
実際の運用では、同意の有無を localStorage などに保存し、同意前は計測タグを発火させない仕組みと組み合わせます。「拒否」も「同意」と同じ操作しやすさで並べるのが公正な設計です。文面は自社のポリシーに合わせて差し替え、リンク先のプライバシーポリシーを必ず用意してください。
よくある質問
同意した状態を覚えさせるにはどうしますか
ボタンを押したときに localStorage へ同意フラグを保存し、次回の読み込み時にフラグがあればバナーを表示しない処理を加えます。これで再訪時に毎回バナーが出るのを防げます。
これだけで法令対応は完了しますか
このサンプルは見た目の UI です。実際の対応では、同意前に計測・広告タグを動かさない制御や、内容を説明するプライバシーポリシーの整備が必要です。文面や設定項目は自社の方針に合わせて調整してください。