1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

正しいクッキー同意(ダークパターンなし)

1
Posted at

Kitsune Toolsはv0.2.0でGoogle Analyticsを追加しました。
どのツールが使われているか、どれくらい時間を使うか、モバイル表示がうまく動いているかを知るためです。

でも、多くのサイトのクッキー同意はあまり正しくありません。
バナーが出ても、裏でデータを送っていることがあります。
それは良くない方法です。


ルール

ユーザーが「同意」するまで、分析は絶対に動きません

  • サイトに来たとき → GAは読み込まれない
  • 「Accept all」を押したときだけ → GAが動く
  • 「Reject all」→ 何も動かない
  • 何も選ばない → 何も動かない

実装

このサイトは vanilla-cookieconsent を使っています。
外部サービスは使っていません。

クッキーは2種類あります:

1. 必要なクッキー

サイトの動作に必要(変更できない)

2. 分析クッキー

初期状態ではオフ
ユーザーが自分でオンにする必要があります


Analyticsの動き

同意した場合だけ:

  • GAスクリプトを読み込む
  • データを送る

拒否した場合:

  • データは送られない
  • ga-disable を使って完全に停止

本番のみトラッキング

  • localhost → トラッキングなし
  • 開発環境 → トラッキングなし
  • 他の人が使っても → データは送られない

なぜ外部サービスを使わないか

CookiebotやOneTrustは便利ですが:

  • お金がかかる
  • 外部サービスに依存する

このサイトではシンプルな方法を選びました。


表示メッセージ

バナーにはこう書いてあります:

このサイトはGoogle Analyticsを使って、ツールの使い方を理解します。個人情報は販売しません。


データについて

収集する情報:

  • ページビュー
  • 利用時間
  • 国レベルの地域

収集しない:

  • 名前
  • メール
  • 個人情報

同意の保存

ユーザーの選択は cc_cookie に保存されます。

  • 次回はバナーは出ない
  • いつでも変更できる
  • 6ヶ月後に再確認

まとめ

  • 同意しない限り分析は動かない
  • 拒否すれば完全に停止
  • データは販売しない
  • ダークパターンなし

問題があれば、GitHubで教えてください。

1
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?