GDPR Cookie Consent の使い方と設定
サイトが Cookie を使用している事をユーザーに通知できる WordPress 用プラグインの紹介です。
それは「GDPR Cookie Consent」です。
その導入手順から日本語化・使い方と設定などを解説していきます。
- 1. GDPR Cookie Consent
- 2. 補足事項
- 3. インストール手順
- 4. 日本語化
- 5. 専用メニュー
- 6. 使い方
- 7. 設定（Cookie Law Settings）
- 8. Cookieリスト（Cookie List）
- 9. ポリシージェネレーター（Policy generator）
- 10. 不要なCookie（Non-necessary Cookie）
- 11. 必要なクッキー（necessary Cookie）
- 12. プライバシーの概要（Privacy Overview）
- 13. URL
GDPR Cookie Consent
GDPR Cookie Consent は、サイトが Cookie を使用している事をユーザーに通知できます。
通知領域の表示スタイルも 3 種類（バー・ポップアップ・ウィジェット）から選択可。
ユーザーには、Cookie の使用を受け入れるか拒否するかを選択させることができます。
許可＆拒否に関わらず Cookie 通知バーを再表示させるタブを設置可。
Cookie の通知バーを一定時間経過後に非表示可。
また、（イタリアの法律で利用可能）スクロール時に Cookie を受け入れるかを設定可。
プライバシーと Cookie のポリシーに関するページを簡単に作成し表示させる事も可能。
記事を作成もしくは更新時点でのバージョン：1.8.7
補足事項
GDPR Cookie Consent は、次のクッキーを使用します。
seen_cookie_policy:
Cookie の使用について受け入れと拒否時にユーザーの同意を記録する主要な Cookie です。
個人データは追跡されず、ユーザーのアクション（承認・拒否）時にのみ設定されます。
cookielawinfo-checkbox-necessary / cookielawinfo-checkbox-non-necessary:
対応するカテゴリのデフォルトのボタンの状態を記録します。
プライマリ Cookie と連携してのみ機能します。
文字色と背景色を設定する項目があるので、
色を一元管理できるプラグイン「Central Color Palette」があると便利かも。
Central Color Palette の使い方 – WordPress 活用術
インストール手順
GDPR Cookie Consent をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
GDPR Cookie Consent – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「GDPR Cookie Consent」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
GDPR Cookie Consent を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト（テーマ・プラグイン）用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
管理画面の「コメント」メニューの下に追加されています。
使い方
設定画面から必要な設定をまずは行いましょう。
ここでは、イメージしやすいと思うので、先に表示例を紹介します。
表示例
画面の最上部もしくは最下部に通知バーとして表示した場合。
ポップアップスタイルの場合。
ポップアップでは、ポップアップ中はページを遷移させないようにすることも可能。
ポップアップと似ていますが、ウィジェットとして画面左下もしくは右下に表示可。
表示されているメッセージとボタンは、設定画面からカスタマイズ可能。
「Cookie Settings」を選択した際に表示される Cookie 設定画面です。
四角で囲んでいるメッセージは、「Privacy Overview」メニューから編集可。
このメッセージは、「Necessary Cookie」メニューから編集可。
デフォルトの文章では、Cookie の必要性と個人情報を保存しない旨を表示しています。
このメッセージは、「Non-necessary Cookie」メニューから編集可。
ユーザーは、Cookie について同意するかどうかを設定できます。
再表示させるタブを上のような感じで設置可。
表示させないことももちろんできます。
これでイメージは湧いたかと思うので、設定について説明していきます。
設定（Cookie Law Settings）
一般設定（General）
通知バーの表示スタイルや動作・再表示タブなどに関する設定を行えます。
クッキーバー（Cookie Bar）
- Cookie Bar is currently
通知機能を有効にするかどうか。 - Cookie bar as
バーの表示スタイルを選択します。 - Position
表示位置を選択します。「Popup」選択時のみ設定不可。 - Add overlay?
「Popup」選択時のみ設定可。Yes を選択するとユーザーが同意しない限り、ユーザーが Web サイトを閲覧できなくなります。 - On load
ページ読み込み時のバーの表示方法を選択できます。決まった位置に固定表示させるのかアニメーションで表示させるのかを選択できます。 - On hide
視覚効果なしでバーを消すのか、アニメーション効果付きで消すのかを選択できます。
- Auto-hide(Accept) cookie bar after delay?
Cookieバー の自動非表示（Cookie を受け入れたみなされます）を有効または無効にできます。有効時にはバーを隠すまでの時間をミリ秒単位で設定できます。 - Auto-hide cookie bar if the user scrolls ( Accept on Scroll )?
画面スクロール時に Cookie バーを自動的に非表示にする（Cookie を受け入れたみなされます）機能を有効または無効にできます。
再表示タブ（Show Again Tab）
- Use Show Again Tab?
再表示タブを使用するかどうか。 - Tab Position
タブの表示位置を選択します。 - From Left Margin
左マージンを設定できます。 - Show More Text
タブのラベルをカスタマイズできます。
その他（Other）
ここでは、スクロールでの受け入れ、受け入れのクリック、拒否のクリックなどのユーザーアクションに対するページの再読み込みを無効または有効にできます。
- Reload after “scroll accept" event?
スクロールでの受け入れ時にページの再読み込みを行うかどうか。 - Reload after Accept button click
受け入れボタンクリック時にページの再読み込みを行うかどうか。 - Reload after Reject button click
拒否ボタンクリック時にページの再読み込みを行うかどうか。
クッキーバーカスタマイズ設定（Customize Cookie Bar）
ここでは、バーのタイトル、メッセージ、バーの色、テキストの色とフォントなどをカスタマイズできます。
- Message Heading
見出しを入力します。 - Message
表示するメッセージを入力します。[cookie_button][cookie_reject][cookie_settings][cookie_link]が使えます。
- Cookie Bar Colour
バーの背景色を選択します。 - Text Colour
文字色を選択します。 - Font
フォントを選択します。
ボタンカスタマイズ設定（Customize Buttons）
受け入れボタン（Accept Button）
Cookie 受け入れ承諾ボタンのカスタマイズができます。
「Show as」「Action」の選択項目によって少し設定項目が変化します。
- Text
ボタンもしくはラベルのテキストを入力します。 - Text colour
ボタンもしくはラベルの文字色を選択します。 - Show as
ボタンで表示するのかリンクとして表示するのかを選択します。 - Background colour
ボタンの時は背景色を選択できます。 - Action
ヘッダーを閉じるか URL を開くかを選択します。 - Size
ボタンのサイズを選択します。
- Show as
リンクを選択すると背景色の選択項目が非表示となります。 - Action
URL を開くを選択すると URL 入力フィールドとリンクを新しいタブで開くかどうかの選択項目が表示されます。
拒否ボタン（Reject Button）
受け入れボタンの設定項目と同じなので説明は省略します。
設定ボタン（Settings Button）
- Text
ボタンもしくはラベルのテキストを入力します。 - Text colour
ボタンもしくはラベルの文字色を選択します。 - Show as
ボタンで表示するのかリンクとして表示するのかを選択します。 - Background colour
ボタンの時は背景色を選択できます。 - Size
ボタンのサイズを選択します。
続きを読むリンク（Read More Link）
- Text
ボタンもしくはラベルのテキストを入力します。 - Text colour
ボタンもしくはラベルの文字色を選択します。
- Show as
ボタンで表示するのかリンクとして表示するのかを選択します。 - Background colour
ボタンの時は背景色を選択できます。
- URL or Page?
開くページを URL で直接してするか固定ページを選択するかを選べます。 - URL
上で「URL」選択時は入力フィールドが表示されて、「Page」だとセレクトボックスが表示されます。 - Minimize Cookie Bar in this page/URL?
開いた固定ページもしくは URL では Cookie バーを最小化するかどうか。 - Open in new window?
新しいウィンドウで開くかどうか。 - Size
ボタンのサイズを選択します。
高度な設定（Advanced）
- Reset all values
現在の設定を全て削除してリセットできます。
ヘルプガイド（ヘルプガイド）
ショートコードとヘルプの設定があります。
上述で設定できるショートコード一覧。
使用例。
その他のショートコード。
プラグインのユーザーガイドとサポートページにリンクが貼られています。
Cookieリスト（Cookie List）
サイトに追加している Cookie の一覧です。
ここでは、Web サイトで使用される Cookie に関する詳細を追加できます。
それには、Web サイトで使用されて いる Cookie を識別する必要があります。
Web サイト用の無料の Cookie チェッカーツール「CookieServe」でも調べられます。
URL を入力して検索を実行すると、使用する Cookie が一覧表示されます。
「Add New」から Cookie を追加します。
Cookie のタイトルと説明を入力します。
Cookie ID:
Web サイトとサーバーが Cookie が保存されているブラウザーに関連付ける一意の識別子を指定します。
Cookie Type:
Cookie のタイプ（永続、セッション、またはサードパーティ）を指定します。
永続タイプは、通常ブラウザを閉じた後でも残っている Cookie のタイプです。
セッションは、セッションが終了すると期限切れになる Cookie のタイプです。
サードパーティは、Web サイトで使用されるサードパーティのサービスによってインストールされる Cookie のタイプです。
Cookie Duration:
Cookie 有効期間を設定します。
Cookie Sensitivity:
この Cookie が必要か不要かを指定します。
必要な Cookie とは、Web サイトで意図した通りに機能するために必要な Cookie です。
このタイプの Cookie は常にアクティブとなります。
不要な Cookie とは、スクリプトをプラグインに追加する必要があり、
また、ユーザーが有効・無効にできる Cookie です。
プラグインにCookieを追加すると、CookieがCookieリストページに表示されます。
ポリシージェネレーター（Policy generator）
ここでは、Web サイトの Cookie に関するポリシーページを作成できます。
デフォルトでは、次のセクションで構成されています。
クッキーポリシーについて
クッキーとは
クッキーの使用について
どのような種類の Cookie を使用するかについて
Cookie の設定を制御する方法について
「Add New」からセクションを追加できます。
デフォルトで用意されているセクションは削除できませんが、非表示にはできます。
自身で追加したセクションは削除できます。
ライブプレビューで内容を確認できます。
不要なCookie（Non-necessary Cookie）
ここでは、不要な Cookie の状態を変更することができます。
上述の Cookie 設定ボタン・リンクをクリックした後に表示する説明を編集することもできます。
Enable Non-necessary Cookie:
不要な Cookie の状態を変更できます。
Default state:
デフォルトの状態を設定します。
Description:
ここに入力された文章が Cookie 設定ボタン・リンクをクリック時に表示される Non-necessary 側に表示されます。
This script will be added to the page HEAD section if the above settings is enabled and user has give consent.
ここに記述したスクリプトは、上記の設定が有効で、
ユーザーが同意した場合にページの HEAD セクションに追加されます。
This script will be added right after the BODY section if the above settings is enabled and user has given consent.
ここに記述したスクリプトは、上記の設定が有効で、
ユーザーが同意した場合にページの BODY セクションに追加されます。
必要なクッキー（necessary Cookie）
ここでは、Cookie 設定ボタン・リンクをクリックした後に表示する必要な Cookie の説明を追加できます。
プライバシーの概要（Privacy Overview）
ここでは、Cookie 設定ボタン・リンクをクリックした後に表示するプライバシー概要テキストを追加できます。
