WordPressサイトが訪問者のブラウザーにCookieを設定している可能性があることをご存知ですか？欧州連合のGDPRのようなさまざまな規制では、コンピューターにCookieを設定する前にユーザーの同意を得ることをサイトに義務付けています。
WordPressでは、さまざまなプラグインを使用してCookieの同意を簡単に設定できることは朗報です。私たちは複数のツールをテストし、私たち自身のサイトに実装しましたが、最良のオプションはCookie NoticeとCookiebotであることがわかりました。
この投稿では、WordPressでCookieポップアップを追加する方法を紹介します。
Cookieポップアップはなぜ必要か？
ブラウザーCookieは、ウェブサイトがユーザーのブラウザーに保存するために送信するデータを含む小さなファイルです。ほとんどのWordPressサイトは、さまざまな目的でCookieを設定しています。
例えば、初期設定では、WordPressは認証目的でCookieを使用し、ログイン中のユーザーのセッション情報を保存します。また、誰かがサイトにコメントを残すとCookieが設定されます。
これらとは別に、WordPressプラグインは、異なる情報を保存したり、リピーターを認識したりするために、独自のCookieを設定することもできます。
WordPressサイトがCookieを使用しているかどうかを確認する方法をご覧ください。
Cookieは非常に便利ですが、ユーザーに関する情報を収集し、サードパーティの広告プラットフォームと共有するために使用されることもあります。
そのため、ヨーロッパをはじめとするいくつかの国では、サイト所有者がクッキーの使用についてユーザーに知らせることが必須となっています。あなたのサイトがこれらの地域のオーディエンスをターゲットにしている場合、Cookie同意の免責事項を表示する必要があります。
それを行う最も簡単な方法は、WordPressのGDPRプラグインを使用することです。Cookie NoticeとCookiebotは最も人気のあるCookie通知プラグインの2つで、他の多くの人気のあるWordPressプラグインと互換性があります。
とはいえ、WordPressでCookie同意ポップアップを簡単に表示する方法を見てみましょう。
方法1：CookieポップアップをCookie通知とともに追加する（最も簡単）
まず、Cookie Notice & Compliance for GDPR / CCPAプラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。
有効化したプラグインは、追加設定なしで、訪問者に基本的なCookieポップアップをすぐに表示し始めます。初期設定のメッセージはほとんどのサイトに適しています。
通知をカスタマイズしたい場合は、WordPressダッシュボードのCookieメニュー項目にアクセスする必要があります。
ここから、通知設定のセクションまでスクロールダウンするだけです。
このページでは、ポップアップメッセージとボタンのテキストをカスタマイズできます。
プライバシーポリシーページへのリンクを追加することもできます。まだ作成していない場合は、WordPressでプライバシーポリシーページを作成する方法をご覧ください。
その後、プライバシーポリシーのドロップダウンメニューからそのページを選択することができます。
WordPressのCookieプラグインは、訪問者が同意を拒否したり取り消したりする設定も提供します。
そのためには、「同意を拒否する」と「同意を取り消す」のチェックボックスをクリックするだけです。初期設定でほとんどのサイトに対応できます。
通知のデザイン」セクションまでスクロールダウンすると、Cookie同意ポップアップの位置、アニメーション、ボタンのスタイル、および色を選択できます。
ボタンクラスを設定して、ポップアップにカスタムCSSを追加することもできます。
設定が完了したら、最後に「変更を保存」ボタンをクリックして設定を保存します。
これで、あなたのサイトにアクセスして、Cookie同意ポップアップを実際に見ることができます。
方法2：CookiebotでCookieポップアップを追加する（機能豊富）
Cookieポップアップを設定するもう1つの方法は、Cookiebotプラグインを使用することです。
Cookie Noticeほど簡単には設定できず、無料のCookiebotアカウントにサインアップしない限り機能しないが、いくつかの追加カスタマイズオプションを提供している。
まず、 Cookiebotプラグインをインストールして有効化します。詳しくはWordPressプラグインのインストール方法をご覧ください。
有効化すると、WordPressダッシュボードに新しいCookiebotセクションが追加されます。プラグインを設定するには、WordPressダッシュボードのCookiebot ” 設定に移動する必要があります。
クッキボットIDをすでにお持ちでない場合は、「新規アカウント作成」ボタンをクリックしてサインアップする必要があります。
次に、クッキー・ボットのサイトがブラウザーに新しいタブで開きます。
メールアドレスとパスワードを入力します。また、利用規約、プライバシーポリシー、DPAのチェックボックスをクリックする必要があります。
それが完了したら、「アカウントを作成」ボタンをクリックします。
次にCookitbotの設定が表示されます。ドメイン名の欄にあなたのサイトのURLを追加してください。無料版ではドメインは1つしか追加できません。
その後、「Your scripts」タブに切り替える必要があります。
ここから、「ドメイン・グループID」をコピーするだけだ。
次に、WordPressダッシュボードのCookiebot設定に戻ります。
General Settings（一般設定）」タブで、「Connect your Domain Group（ドメイングループの接続）」セクションまでスクロールダウンし、「Add your Domain Group ID（ドメイングループIDの追加）」フィールドにIDを入力します。
完了したら、上部にある「変更を保存」ボタンをクリックするのをお忘れなく。
下にスクロールすると、さらに多くの設定が表示されます。例えば、プラグインでは言語を選択することができます。初期設定では「Autodetect」に設定されていますが、ドロップダウンメニューをクリックして変更することができます。
Cookieブロックモードを選択することもできます。ユーザーが同意するまで、プラグインは厳密に必要なCookie以外はすべてブロックするので、「自動Cookieブロックモード」を使用することをお勧めします。
高度な設定]タブの[Cookiebotの自動更新]オプションにチェックを入れるとよいでしょう。
こうすることで、プラグインは GDPR法の変更に常に対応できるようになります。
テスト用に、「Render Cookiebot CMP on front-end while logged in」オプションも有効化してください。
無効化のままにしておくと、WordPressサイトにログインしているときにポップアップが表示されなくなります。
設定が終わったら、一番下にある「変更を保存」ボタンをクリックするのをお忘れなく。
Cookieポップアップ通知のカスタマイズ
まだ終わりではありませんが、あと少しです。Cookiebotの設定を終えるには、Cookiebotのサイトに戻る必要があります。
次に、クッキー・ボット・サイトのバナー・タブに移動する必要があります。
ここでは、テンプレートを選択したり、ポップアップの位置や外観を編集することができます。
プレビューボタンをクリックするか、サイトに戻ることで変更を確認できます。
ポップアップで使用されている文言が、あなたのサイトがCookieを使用する理由と一致していないことに気づいたら、変更することができます。
クッキー・ボットのサイトの「コンテンツ」タブに移動すると、このための設定が見つかります。
また、サイトのプライバシーポリシーにCookie宣言を追加するとよいでしょう。プライバシーポリシーページをすでに作成していない場合は、WordPressでプライバシーポリシーページを作成する方法のガイドに従ってください。
まず、Cookiebotのサイトの宣言タブにナビゲーションする必要があります。初期設定では、Cookie宣言はCookiebotのデフォルトの文言を使用します。
あなたのサイトが別の理由でCookieを使用しているため、メッセージをカスタマイズする必要がある場合は、プレミアムCookiebotサブスクリプションが必要です。
あるいは、プライバシー・ポリシーに独自の宣言を入力することもできますが、訪問者が同意を変更したり撤回したりできるリンクなどの機能が利用できなくなります。
このチュートリアルでは、プライバシーポリシーに初期設定を追加します。プライバシーポリシーを編集し、Cookie宣言を表示したい場所にショートコード [cookie_declaration]をインサーターするだけです。
宣言を見るには、ページを保存してプレビューする必要がある。
テストサイトでは、最初の数パラグラフはこのように表示される。
ボーナス：MonsterInsightsでGDPRコンプライアンスを向上させる
MonsterInsightsはWordPressサイトに最適な分析ソリューションです。また、GDPRやその他のプライバシー規制へのコンプライアンスを向上させる最も簡単な方法です。
それは、MonsterInsightsがすぐに使えるEU Complianceアドオンを提供しているからです。MonsterInsightsが提供するEUコンプライアンスアドオンは、あなたのアナリティクス設定を自動的に変更し、個人情報保護法の遵守を支援します。
EUコンプライアンスアドオンはプレミアムプランに含まれています。最大の特徴は、Cookie NoticeとCookiebotの両方と自動的に統合されることです。
詳しくはMonsterInsightsのレビューをご覧ください。
最初のステップは、MonsterInsightsプラグインをインストールし、Googleアナリティクスアカウントに接続することです。詳しくは、MonsterInsightsを使ったGoogleアナリティクスのインストール方法をご覧ください。
MonsterInsightsをインストールしてセットアップしたら、EU Complianceアドオンをインストールして有効化する必要があります。
WordPress ダッシュボードのInsights ” Addonsページにナビゲーションしてください。次に、EU Complianceアドオンを見つけて、「インストール」ボタンをクリックします。
アドオンは自動的に有効化されます。
MonsterInsightsの ” 設定 “ページで、”エンゲージメント “タブに切り替えることで確認できます。
EU Complianceセクションを見ると、アドオンがオンになっていることがわかります。
画面の右側にある下矢印をクリックすると、アドオンがサイトに加えた設定変更の詳細なリストを見ることができます。
例えば、GoogleアナリティクスにおけるIPアドレスの自動匿名化、デモグラフィック、インタレストレポートの無効化、UserIDトラッキングの無効化などです。
次に、MonsterInsightsとCookie NoticeやCookieBotのような様々なCookieプラグインとの互換性を見るためにスクロールダウンすることができます。
MonsterInsightsは、サイトにプラグインがインストールされている場合、自動的にGoogleアナリティクスのトラッキングコードを変更します。これにより、Googleアナリティクスでユーザーをトラッキングする前に、同意を得ることができます。
この投稿がWordPressサイトにCookie同意ポップアップを追加するのにお役に立てば幸いです。WordPressでYes/Noオプトインを作成する方法のステップバイステップガイドとWordPressに最適なポップアッププラグインもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Ralph
Thank God there are plugins for that. I wish we as a whole internet could get rid of all that cookies, gdpr and other things and replace it with one but only one thing. It is absurd when we visit new website and before we even see content we have to close so many pop-ups.
WPBeginner Support
It may be annoying but the GDPR was set up with good intentions, hopefully there will be better implementations as time goes on.
管理者
Chanel Burth
Thank you for the article. Does this plugin give the option for people to accept or decline?
WPBeginner Support
It does not as that would require it to interact with everything that sets a cookie and have the power to disable it which isn’t something a plugin would have easily.
管理者
Elliot Jolesch
This article was very helpful but I wonder if it’s a little out of date.
The plugin that you recommended, GDPR Cookie Consent Banner, has not been tested for the latest version of WP and apparently hasn’t been updated in 11 months.
Are you planning an update to this article?
WPBeginner Support
For the not tested warning, you would want to first go through our guide below:
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
We will be sure to take a look at this article for a future update.
管理者
Stephanie
Thank you this was really helpful. One thing done on the site in under 5 minutes. Amazing!
WPBeginner Support
Glad our guide was helpful
管理者
Declan Howard
How do I make sure my website does not drop cookies into a visitor’s computer? I do not need to do this.
WPBeginner Support
It would depend on what tools and plugins you are using on your site, you would want to reach out to those to see if they add any cookies or not.
管理者
Deb Smith, Small Details
We can ALWAYS count on WPBeginner to give us solid plugin recommendations. I’ve been a “beginner” for over a decade haha!
WPBeginner Support
Thank you, glad our articles have been helpful
管理者
Farukh Hussain
Hi,
Thanks for sharing this useful post. However, many plugins make site loads slower. Can you please suggest some code to display this notification.
WPBeginner Support
We do not have a beginner friendly method to add this using strictly code at the moment. For your statement about plugins, they are lines of code as well so as long as the plugin is properly coded it should not have a noticeable impact on your site compared to directly coding it. We would recommend taking a look at our article here: https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
管理者
Aurora
Can you recommend a way to add a cookie consent without the use of a plugin? My site has too many plugins already.
Sarah A
Hi,
Can you recommend a cookie consent for ‘opt in’ that is suitable for the new GDPR law?
Julia
Hi,
I’m trying to set up an e-commerce website and have to comply with EU law regarding the use of cookies. How can I find out which cookies my website is using?
Thanks
Samuel
Hi,
I’m looking for a pop up box that imitates the one on the gucci website as it is a square, do you know of any?
kulbir singh kang
hi me kulbir singh
something problem in my website ,,,,,when i open to this ,,it is automatically redirect on another multi pal site ,,,,when i open second time it is working properly
and if when i clear cache cookies of browser (problem in all browser) ,then i go to ,,,same problem display on system
please visit on my website ,,,and please tell me ,,,, what is solution of this problem
is this problem of cookies or not ,,,,
WPBeginner Support
Your website looks infected with malware. See our guide on how to scan your site for malicious code.
管理者
Maninder Pal Singh
Thank you wpbeginner. I was looking for something exactly like this. Light weight plugin with a simple notification for the cookie policy.
Thanks.
Muhammad Ishfaq
Thanks the post, the plugin works perfectly on all of my websites including link to the policy page.
Eva B
It has a glitch. The link to the policy page goes to an error page. I double-checked my spelling and looked on their support forum. There I saw that others left the same request for a fix. No response from developer. This plugin still works for me, but without the link.
WPBeginner Support
@Eva thank you for notifying us, we have tried to contact plugin author as well. It seems like the plugin author didn’t mean to add this functionality. Currently the plugin is only good for adding a simple notification without a link, which satisfies the requirement for the cookie law in most EU countries. However, there should be a link so that users can read privacy policy.
管理者
Keith Davis
Looks good guys and the developer says it is lightweight.
I think I should be using this.