【簡単】Cookie使用同意のポップアップ表示ができるプラグイン「Cookie Notice」

         

プラグイン

【簡単】Cookie使用同意のポップアップ表示ができるプラグイン「Cookie Notice」

2022年07月25日 10:00 2022年07月26日

【簡単】Cookie使用同意のポップアップ表示ができるプラグイン「Cookie Notice」

こんにちは、hgmです。

今回はCookie使用同意のポップアップ表示プラグイン「Cookie Notice」をご紹介します。

プラグイン導入のみで設置ができるので、初心者の方でも簡単に行えます!



プラグインのダウンロード&有効化

プラグインは下記よりダウンロードするか、WP管理画面の「プラグイン」より追加しましょう。

プラグインページよりダウンロードする場合

  1. 下記ページにアクセスしプラグインをダウンロードします。
  2. WP管理画面メニューの「プラグイン」に移動し、左上の「新規追加」→「アップロード」ボタンよりダウンロードしたファイルを選択し、アップロードします。
  3. アップロード後、プラグインリストより「Cookie Notice」を有効化します。

WP管理画面から追加する場合

  1. WP管理画面メニューの「プラグイン」に移動し、左上の「新規追加」を押しキーワード検索で「Cookie Notice」を入力します。
  2. 「Cookie Notice & Compliance for GDPR / CCPA」の「今すぐインストール」を押し、有効化します。

注意「Cookie Notice & Compliance for GDPR / CCPA」は上部に出てこないので、他のプラグインをダウンロードしないように注意してください。


プラグインの設定

有効化すると自動的に設置完了となり、デフォルトでは下記のような表示がされます。

細かく設定したい場合は、WP管理画面メニューの「Cookies」より変更可能です。

通知設定

  • メッセージ…表示するメッセージの編集ができます。
  • ボタンテキスト…同意ボタンのテキストを変更できます。
  • プライバシーポリシー…プライバシーポリシーのリンクの有効化とボタンのテキスト変更、URLの入力ができます。
    リンク先の設定で「_blank」は別タブで開き、「_self」はそのままのタブでページ移動します。
    また「バナー」はボタン表示、「メッセージ」は文字リンクでの表示になります。
  • 同意を取り消す(1つ目)…Cookieに同意しない場合のボタンテキストを変更できます。
  • 同意を取り消す(2つ目)…同意後に取り消すボタンを設置できます。メッセージとボタンのテキスト変更も可能です。
  • ブロックされるスクリプト…同意後にCookieを取得するスクリプト(Googleアナリティクス等)を入力できます。
  • 再読込…チェックすると同意後に自動的にページを再読み込みします。
  • スクロール時…チェックするとページをスクロールした際に表示されます。
  • クリック時…チェックするとページをクリックするたびに表示されます。
  • 承認された有効期限…ユーザーが同意してからCookieを保存する期間を変更できます。
  • 有効期限を拒否…ユーザーがボタンを押さない場合のCookieを保存する期間を変更できます。
  • スクリプト位置…このプラグインのスクリプトを挿入する位置を変更できます。
  • 無効化…チェックするとこのプラグインが無効化された際にデータが全て自動的に削除されます。

デザイン設定

  • 位置…上または下の表示位置を変更できます。
  • アニメーション…表示する際のアニメーション(アニメーションなし、フェード、スライド)を設定できます。
  • 色…文字、ボタン、背景色の変更ができます。背景色は不透明度を調整できます。
  • ボタンのクラス…ボタンにクラスを付与できます。複数付与する場合はスペースで区切ります。

 

まとめ

今年春に改定された個人情報保護法やGDPR(General Data Protection Regulation(一般データ保護規則))により、ホームページやブログなどでも個人情報を取り扱う際に表記が必要となってきました。

Cookieについても個人関連情報となり、Cookieを使用するツール(Googleアナリティクスやプラグイン等)を導入しているサイトは取得する旨の表記をしておく必要があります。

現段階では具体的な表記の指定はありませんが、今後に備えて設置するのが良さそうです…!

関連記事

この記事を書いた人

hgm

農業高校出身フロントエンドエンジニアの社員hgmです。 猫センサー搭載済みの愛猫家。 広い視野を持って日々邁進していきます!