Cookie Notice & Compliance for GDPR/CCPAの使い方と設定
サイトが Cookie を使用している事をユーザーに通知できる WordPress 用プラグインの紹介です。
それは「Cookie Notice & Compliance for GDPR / CCPA」です。
その導入手順から日本語化・使い方と設定などを解説していきます。
Cookie Notice & Compliance for GDPR / CCPA
Cookie Notice for GDPR & CCPA は、サイトが Cookie を使用している事をユーザーに通知できます。
Cookie Notice for GDPR & CCPA の主な特徴は、以下のとおりです。
- 通知メッセージをカスタマイズ可能
- 同意する方法をクリック・スクロール・閉じるで選択可
- 複数の Cookie の有効期限を設定可
- プライバシーポリシーページへのリンク可能
文字色・背景色・枠線の色などよく使う色があるのであれば、
色を一元管理できるプラグイン「Central Color Palette」があると便利かも。
Central Color Palette の使い方 – WordPress 活用術
記事を作成もしくは更新時点でのバージョン：2.0.2
Gutenberg エディターでの動作
Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。
インストール手順
Cookie Notice & Compliance for GDPR / CCPA をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Cookie Notice & Compliance for GDPR / CCPA – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Cookie Notice & Compliance for GDPR / CCPA」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Cookie Notice & Compliance for GDPR / CCPA は、日本語化対応がされているので、有効化するだけで日本語化されます。
日本語化されない場合には、日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト（テーマ・プラグイン）用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
有効化すると
「Remind me later」をクリックします。
専用メニュー
管理画面の「設定」メニューの下に追加されています。
使い方
通知ボックスを追加するには「Add GDPR/CCPA Compliance」ボタンをクリックします。
「Launch Live Demo」ボタンをクリックします。
通知ボックスのカスタマイズができます。
Select the laws that apply to your business:
GDPR か CCPA かを選択します。
I use personalization services on my site:
このサイトでパーソナライズサービスを使用しているかどうか。
I collect and analyse information about my website’s traffic:
このサイトのトラフィックに関する情報を収集＆分析しているかどうか。
I run target ads on my site using, for example, Google Adsense:
このサイトでは、Google Adsense 等のターゲット広告を使用しているかどうか。
Banner Design:
通知ボックスの表示位置と各種カラーを設定できます。
設定が完了したら「Add Compliance」ボタンをクリックします。
実際に表示させると上のような感じで表示されます。
設定
- メッセージ
ユーザーに通知するメッセージを入力します。 - ボタンテキスト
上のメッセージと一緒に表示するボタンのテキストを入力します。
- プライバシーポリシー
プライバシーポリシーのリンクを有効にするかどうか。 - Refuse consent
サードパーティによる Cookie のトラッキングを拒否する選択肢をユーザーに表示するかどうか。 - Revoke consent
ユーザーに同意を取り消す選択肢を表示するかどうか。上の「Refuse consent（同意を拒否する）」オプションを有効にする必要があります。
プライバシーポリシーのリンクを有効にした場合。
「Refuse consent」を有効にした場合。
「Revoke consent」を有効にした場合。
- ブロックされるスクリプト
サイトのヘッダーもしくはフッターで使用するコードを記述できます。ユーザーへの通知が受け入れられた後に使用される Google Analitycs などの Javascript コードを入力します。
- 再読込
通知が受け入れられた後にページをリロードできるようにするかどうか。 - スクロール時
ユーザーが画面をスクロールすると通知を受け入れたとするかどうか。 - On click
ページ上の任意の場所をクリックすると通知を受け入れたとするかどうか。
- Accepted expiry
ユーザーが通知を受け入れ時にクッキーが保存される期間を選択します。 - Rejected expiry
ユーザーが通知を受け入れなかった場合にクッキーが保存される期間を選択します。 - スクリプト位置
スクリプトをどこに挿入するかを選択します。 - 無効化
プラグインの無効化時にプラグインの全てのデータを削除するかどうか。
- 位置
通知バーの表示位置を選択します。 - アニメーション
アニメーション効果を選択します。 - ボタンスタイル
ボタンのスタイルを選択します。
- ボタン class
ボタンに適用する CSS クラスを指定できます。 - カラー
文字色とバーの背景色を選択します。