ホームページ  >  記事  >  CMS チュートリアル  >  新しいタイトル: WordPress Cookie 同意ポップアップのデザイン

新しいタイトル: WordPress Cookie 同意ポップアップのデザイン

PHPz
PHPzオリジナル
2023-09-09 08:45:09703ブラウズ

Cookie の保存に同意するかどうかを尋ねる小さなウィンドウがポップアップ表示される Web サイトに遭遇したことがありますか?同意するか、別のオプションを選択しない限り、ウィンドウは消えません。

これは、「Cookie 同意ポップアップ」と呼ばれるものです。

このガイドでは、いくつかの簡単な手順で Cookie 同意ポップアップを WordPress サイトに追加する方法を説明します。

しかし、WordPress Cookie 同意ポップアップを追加する前に、まず Cookie が必要な理由を理解する必要があります。

クッキーとは何ですか?

簡単に言うと、Cookie は Web ブラウザによって保存される小さなファイルで、Web サーバーが Web サイトの使用状況を追跡できるようにします。

ブラウザから Web サイトにアクセスするのは単純なプロセスのように思えるかもしれませんが、舞台裏ではもう少し複雑です。 Web サイトが画面に表示される前に、ブラウザとサーバーの間で一連の往復通信が発生します。

URL を入力すると、ブラウザは Web サイトをホストしているサーバーに情報を要求します。一方、サーバーはブラウザに情報を返すように要求します。双方が満足して握手すると、訪問したい Web サイトが表示されます。

ここで Cookie が活躍します。彼らはシステムにいくつかの最適化を加えました。 Cookie は、ユーザーの Web サイトとのやり取りに関する必要な情報をすべて保存し、この情報をサーバーに提供して、Web サイトのすべてのページにわたって、またセッション間で一貫したエクスペリエンスを提供できるようにします。

ユーザーが初めて Web サイトにアクセスすると、コンピューター上に Cookie が作成されます。同じ Web サイトに再度アクセスすると、以前に Web サイトをどのように使用したかに関する情報を含む Cookie がサーバーに送信されます。たとえば、オンライン ストアのショッピング カートに商品を追加すると、通常、その商品は Cookie にリストされます。こうすることで、別のページに移動したり、ストアに再度戻ったりした場合でも、商品はショッピング カートに入ったままになります。

Cookie はもともとユーザー エクスペリエンスを向上させるために開発されたものであり、許可は必要ありません。しかし、意図しない方法でユーザーを追跡するために Cookie が使用されることが増えています。近年、プライバシーの問題がますます重要になっているため、一部の法域では、コンピュータから Cookie を送受信する前にユーザーの許可を得ることが求められています。

そうは言っても、独自の WordPress Cookie 同意ポップアップの構築を開始し、ユーザーにふさわしいプライバシーを提供しましょう。

しかし、あなたの Web サイトには最初に Cookie の同意が必要ですか?

あなたの Web サイトには Cookie 同意ポップアップが必要ですか?

正直に言いましょう。ほとんどの Web サイトでは Cookie が使用されています。ただし、確信が持てない場合は、Web サイトに Cookie が保存されているかどうかを判断できます。結局のところ、Cookie を使用しない Web サイト向けに Cookie 同意ポップアップを開発することは、時間の有効活用とは言えません。

Google Chrome を使用して Web サイトの Cookie ステータスを確認するには、URL を入力し、正しく読み込まれるまで待ちます。次に、Web サイトの URL の横にある鍵のアイコンをクリックします。ポップアップされるドロップダウン メニューに、サイトで使用されている Cookie の数が表示されます。

新标题:设计一个WordPress Cookie同意弹窗

1 つ以上の Cookie が使用されており、サイトが EU またはカリフォルニアのユーザーによって使用されている場合、サイトには WordPress Cookie 同意ポップアップが必要です。

Cookie 同意ポップアップを WordPress サイトに追加します

WordPress を使用すると、数回クリックするだけで Cookie 同意ポップアップを Web サイトに追加できます。このためにはプログラミングの知識は必要ありません。ただし、WordPress の使用を最適化するには、WordPress プラグインに関する一般的な情報を知っておくことが必要です。

WordPress は、Cookie 同意ポップアップを Web サイトに統合するためのさまざまなプラグインを提供しています。このチュートリアルでは、無料の CookieYes プラグインを使用します。

CookieYes プラグインをインストールします

この Cookie 同意ポップアップ プラグインは、他のプラグインと同様に、WordPress ダッシュボードからインストールできます。

左側のナビゲーション バーの プラグイン メニューの上にマウスを置きます。 Add New Plugin を選択すると、WordPress が提供するすべての無料プラグインを含む新しいウィンドウが表示されます。

新标题:设计一个WordPress Cookie同意弹窗

CookieYes プラグインを検索し、表示された最初のプラグインをインストールします。

新标题:设计一个WordPress Cookie同意弹窗

インストールが完了したら、アクティベートすれば準備完了です。

次に、この Cookie 同意プラグインが提供するオプションを見てみましょう。

GDPR Cookie 同意設定

アクティブ化後、プラグインは左側のナビゲーション バーに表示されます。 GPDR Cookie Consent にカーソルを合わせて、Settings を選択します。

新标题:设计一个WordPress Cookie同意弹窗

ここでは、Web サイトの WordPress Cookie 同意ポップアップをカスタマイズできます。

[設定] には、他に 5 つのタブがあり、そのすべてでポップアップのさまざまな種類のカスタマイズが可能です。 全般 タブでは、ポップアップを有効または無効にできます。初めて設定にアクセスすると、デフォルトで有効になります。

全般」タブが提供するすべてのカスタマイズ オプションを詳しく見てみましょう。

###一般設定###

このタブでは、単にポップアップを有効にするだけでなく、Web サイトが Cookie を受け入れる法律の種類を選択することもできます。

各地域には Cookie に関する独自の法律があります。したがって、Web サイトに最適なオプションを選択する前に、いくつかの調査を行う必要があります。

新标题:设计一个WordPress Cookie同意弹窗 さらに、ユーザーがスクロールを開始したときに、しばらくしてポップアップを非表示にするかどうかを選択できます。この方法でポップアップが消えた場合は、ユーザーが情報を保存することに同意したとみなしていることを意味します。

このように同意を前提にすることは良い習慣ではありません。実際、ここのユーザーは直接アクセス許可を与えていないため、これは非常に非倫理的です。そのため、このオプションを無効にしましょう。

さあ、

WordPress

Cookie 同意ポップアップのカスタマイズに進みましょう。 Cookie 同意ポップアップ ウィンドウのカスタマイズ

これは、ホームページの下部にある最初のポップアップの外観です:

新标题:设计一个WordPress Cookie同意弹窗 ご覧のとおり、これは Cookie 同意ポップアップというよりもバナーに近いものです。

ただし、

すべて受け入れる

オプションを選択すると、ポップアップは表示されなくなります。これ以上のカスタマイズは表示されません。テスト目的では、変更を確認できるように、このポップアップを表示したままにする必要があります。これを許可するには、「同意を再確認」ウィジェットを有効にします。 これは、

カスタマイズ

Cookie バー > コンテンツ タブに再度アクセスすることで実行できます。

新标题:设计一个WordPress Cookie同意弹窗 これにより、ポップアップ メニューにアクセスできるボタンを Web サイト上に常に保持できるようになります。必要に応じて、このボタンの位置を変更することもできます。このチュートリアルでは、画面の左下隅にあります。

新标题:设计一个WordPress Cookie同意弹窗Cookie 同意バナーをポップアップに変えるには、

「Cookie バーを

として表示」オプションまで下にスクロールし、「ポップアップ」を選択します。必要に応じて、オーバーレイを追加できます。 WordPress Cookie 同意ポップアップにオーバーレイを追加すると、ユーザーはポップアップからアクションを起こすまで Web サイトにアクセスできなくなります。

新标题:设计一个WordPress Cookie同意弹窗このタブの他のオプションを使用すると、ポップアップの背景色、フォント色、フォント スタイルを変更できます。ポップアップにカスタム メッセージとカスタム タイトルを追加することもできます。これは、ブランド メッセージを強化するために使用できるオプションです。

しかし、Cookie 同意ポップアップで使用できるボタンのカスタマイズはありますか?

カスタムボタン

これは設定メニューの 3 番目のタブで、Cookie 同意ポップアップのボタンを創造的に使用できます。

新标题:设计一个WordPress Cookie同意弹窗デフォルトでは、ポップアップ メニューには 2 つのボタンのみが統合されます。

新しいボタンを追加する方法は次のとおりです:

    カスタムボタン
  1. タグから追加するボタンを選択します。 ページの上部にある括弧内のコードをコピーします。
  2. 「Cookie バーのカスタマイズ」
  3. タブに再度移動します。
  4. コードをメッセージ ボックスに貼り付けます。
  5. 4 つの異なるタイプのボタンをポップアップに追加できます。
自分の情報をサーバーに保存したくないユーザーのために、ポップアップに拒否ボタンを追加するとします。これを行うには、

[cookie_reject]

Customize Cookie 列 設定のメッセージ ダイアログに追加します。

拒否ボタンがポップアップにどのように表示されるかは次のとおりです: 新标题:设计一个WordPress Cookie同意弹窗

ボタンを統合した後、そのサイズ、背景色、文字色などを変更できます。ユーザーが Cookie 同意ポップアップの特定のボタンをクリックしたときにリダイレクトされる別の Web ページへのリンクを追加することもできます。

新标题:设计一个WordPress Cookie同意弹窗

###結論は###

いくつかの簡単な手順を実行するだけで、Cookie 同意ポップアップを WordPress Web サイトに統合できるようになります。 CookieYes は単なるプラグインです。必要に応じて、WordPress で利用可能なさらに多くの Cookie プラグインを探索できます。

CodeCanyon では、ビジネスの Web サイトの強化に役立つ何千ものプレミアム WordPress プラグインも利用できます。この膨大なプラグインのコレクションを参照すると、マーケティングから電子商取引、ソーシャル メディアに至るまで、あらゆる種類のカテゴリで便利なプラグインが見つかります。

最後のヒントを 1 つ紹介します。Cookie 同意ポップアップは、できるだけシンプルで目立たないようにする必要があります。それは全体的なユーザーエクスペリエンスに貢献します。実際、このヒントは Web サイトに表示したい他のポップアップにも当てはまります。

以上が新しいタイトル: WordPress Cookie 同意ポップアップのデザインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。