多言語サイトを運用する際は必要となるデータポリシー同意。日本でもCookieへの同意を求めるポップアップが表示されるサイトも増えてきたと思います。

ノーコードで簡単にCookie同意を実装できるプラグインBeautiful Cookie Consent Bannerを紹介します。

Beautiful Cookie Consent Bannerプラグインインストール

• プラグイン
• 新規追加
• キーワード「cookie」
• Beautiful Cookie Consent Bannerの今すぐインストール
• 有効化

します。複数のプラグインが出てきたのですが、今回は１００万件以上インストールされている「Beautiful Cookie Consent Banner」を設定しました。

Cookie機能を有効化

Beautiful Cookie Consent Bannerプラグインを有効化したら

• ツール
• Cookie Conecent Baner
• General

を開き、【Enable Cookie Baner】にチェックを入れます。

Cookieバナーの位置とレイアウトを変える

デフォルトではBeautiful Cookie Consent Bannerはプレビューのように右下になっている為、位置とレイアウトを変えていきます。
【Appearance】の箇所で変更が出来ます。

• Theme －　Block / Classic / Edgelesesから選択できます
• Position　ー　位置を選択できます

Beautiful Cookie Consent BannerではCookieバナー色やテキスト色の変更も可能です

Cookieバナーテキスト変更

Beautiful Cookie Consent Banner設定の中のTextというタブからテキストの変更が出来ます。

Cookie同意のパターンを変更

よく見かける【同意】【拒否】というタイプに変更できます。

Beautiful Cookie Consent Banner中のCompliance & BehaviourにあるCompliance Typeで【Ask user to Opt-in】に設定をすると同意・拒否のバナーになります。

多言語にCookieバナーを同意するには

年間8€以上のプランで多言語に対応します。

Cookie設定が残ります

同意するをクリックしても、左下にCookie設定が残っています。マウスホバーすると設定が出てきます

マウスホバー