こんにちは、今日はWordPressでCookieポリシー表示を追加することができるGDPR Cookie Consentの使い方についてまとめていきます。
Table of Contents
インストール方法
プラグイン > 新規追加 からGDPR Cookie Consentで検索してインストール
または公式サイトからダウンロードします。
有効化するとすぐにページ下部にCookieポリシー同意を行うバーが表示されます。
設定項目
Cookie Law Settings
General
Cookie Bar
Cookieバーの設定が行えます。
| 項目 | 説明 |
| Cookie Bar is currently | Cookieポリシー同意を行うバーを表示するか設定します。 |
| Cookie bar as | Cookieバーのタイプを設定します。 Banner Popup Widget |
| Cookie Bar will be shown in | Cookieバーの表示位置を設定します。 Header Footer |
| On load | Cookieバー表示時のアニメーション設定 Animate Sticky |
| On hide | Cookieバー非表示時のアニメーション設定 Animate Disappear |
| Auto-hide(Accept) cookie bar after delay? | Yesに設定すると設定項目Milliseconds until hiddenが表示され、そのミリ秒数分経過後に自動でCookieバーが非表示になります。 |
| Auto-hide cookie bar if the user scrolls ( Accept on Scroll )? | Yesに設定するとユーザーがページをスクロールした場合に自動でCookieバーが非表示になります。 |
Show Again Tab
Cookieバーで承認した後に再度Cookieバーを表示するための再表示タブの設定を行います。
再表示タブは初期状態で以下のようなものです。
| 項目 | 説明 |
| Use Show Again Tab? | 再表示タブを表示するか設定します。 |
| Tab Position | 再表示タブの表示位置を設定します。 |
| From Left Margin | タブの左右にどれくらいのマージンを取るか設定します。 Tab Positionの設定がRightの場合は左に指定分、Leftの場合は右に指定分移動します。 |
| Show More Text | 再表示タブに表示するテキストを指定します。 |
Other
イベント発生時やボタンクリック時にページをリロードさせることができます。
| 項目 | 説明 |
| Reload after “scroll accept” event? | Auto-hide cookie bar if the user scrolls ( Accept on Scroll )?の設定でYesに設定している場合にスクロールしてCookieバーが非表示になった時にページをリロードします。 |
| Reload after Accept button click | 承認ボタンを押した後にページをリロードします。 |
| Reload after Reject button click | Cookieの削除ボタンを押した後にページをリロードします。 Cookieの削除ボタンはショートコード[cookie_reject]で表示されます。 |
Customise Cookie Bar
Cookieバーの表示設定が行えます。
| 項目 | 説明 |
| Message Heading | Cookieバーに表示する見出しを設定します。 |
| Message | Cookieバーのメッセージ本文を設定します。 |
| Cookie Bar Colour | Cookieバーの色を設定します。 |
| Text Colour | Cookieバーのテキスト色を設定します。 |
| Font | Cookieバーのフォントを設定します。 |
Customise Buttons
各種ボタンの表示設定が行えます。
Accept Button
| 項目 | 説明 |
| Text | ボタンのラベルテキスト |
| Text colour | テキスト色 |
| Show as | ボタンかリンクか |
| Background colour | ボタン背景色（Show asがボタンの場合のみ） |
| Action | ボタンを押した際の挙動 |
| Size | サイズ |
Reject Button
| 項目 | 説明 |
| Text | ボタンのラベルテキスト |
| Text colour | テキスト色 |
| Show as | ボタンかリンクか |
| Background colour | ボタン背景色（Show asがボタンの場合のみ） |
| Action | ボタンを押した際の挙動 |
| Size | サイズ |
Settings Button
| 項目 | 説明 |
| Text | ボタンのラベルテキスト |
| Text colour | テキスト色 |
| Show as | ボタンかリンクか |
| Background colour | ボタン背景色（Show asがボタンの場合のみ） |
| Size | サイズ |
Read More Link
| 項目 | 説明 |
| Text | |
| Text colour | |
| Show as | |
| URL or Page? | |
| URL | |
| Minimize Cookie Bar in this page/URL? | |
| Open in new window? | |
| Size |
Advanced
| 項目 | 説明 |
| Reset all values |
