クッキープラグインCookieYesで、クッキー確認のポップアップを作成

  • Plugin
  • クッキーを使用しているWebサイトでは、クッキー受け入れ確認のポップアップを表示しています。今回は、クッキープラグインCookieYesで、クッキー確認のポップアップを作成する方法を紹介します。

     出典 : CookieYes

    設定

    プラグインをインストール、有効化します。サイドメニューのCookieYesをクリックして設定画面を表示します。メニューのCookie Bannerをクリックします。

    CookieYesをクリック

    Cookie Bannerをクリック

    Layout

    サイドメニューのLayoutをクリックします。Cookies NoticeBox Bottom rightに設定します。

    Layoutをクリック

    Cookies NoticeBox Bottom rightに設定

    Content & Colors

    サイドメニューのContent & Colorsをクリックします。Color schemeDarkに設定します。

    Color schemeDarkに設定

    アコーディオンのCookie Noticeをクリックします。Title、Message英語になっているので、日本語に設定します。

    “Accept All”buttonLabel同意するに設定します。“Reject All”buttonLabel拒否するに設定します。“Customize” buttonチェックを外します。

    Title、Message英語になっているので、日本語に設定

    “Accept All”buttonLabel同意するに設定

    アコーディオンのRevisit Consent Buttonをクリックします。Revisit consent buttonチェックを外します。

    Revisit consent buttonチェックを外す

    確認

    ページを開いて、クッキー確認ポップアップが表示されているか確認します。ボタンをクリックすると非表示になります。

    ポップアップが表示されているか確認

    以上で今回の説明は終了です。簡単に設定できるので便利ですね。レスポンシブ対応になっているので、SPでも画面下に表示されます。