ホームページ > 記事 > CMS チュートリアル > 新しいタイトル: WordPress Cookie 同意ポップアップのデザイン
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 が保存されているかどうかを判断できます。結局のところ、Cookie を使用しない Web サイト向けに Cookie 同意ポップアップを開発することは、時間の有効活用とは言えません。
Google Chrome を使用して Web サイトの Cookie ステータスを確認するには、URL を入力し、正しく読み込まれるまで待ちます。次に、Web サイトの URL の横にある鍵のアイコンをクリックします。ポップアップされるドロップダウン メニューに、サイトで使用されている Cookie の数が表示されます。
1 つ以上の Cookie が使用されており、サイトが EU またはカリフォルニアのユーザーによって使用されている場合、サイトには WordPress Cookie 同意ポップアップが必要です。
WordPress を使用すると、数回クリックするだけで Cookie 同意ポップアップを Web サイトに追加できます。このためにはプログラミングの知識は必要ありません。ただし、WordPress の使用を最適化するには、WordPress プラグインに関する一般的な情報を知っておくことが必要です。
WordPress は、Cookie 同意ポップアップを Web サイトに統合するためのさまざまなプラグインを提供しています。このチュートリアルでは、無料の CookieYes プラグインを使用します。
この Cookie 同意ポップアップ プラグインは、他のプラグインと同様に、WordPress ダッシュボードからインストールできます。
左側のナビゲーション バーの プラグイン メニューの上にマウスを置きます。 Add New Plugin を選択すると、WordPress が提供するすべての無料プラグインを含む新しいウィンドウが表示されます。
CookieYes プラグインを検索し、表示された最初のプラグインをインストールします。
インストールが完了したら、アクティベートすれば準備完了です。
次に、この Cookie 同意プラグインが提供するオプションを見てみましょう。
アクティブ化後、プラグインは左側のナビゲーション バーに表示されます。 GPDR Cookie Consent にカーソルを合わせて、Settings を選択します。
ここでは、Web サイトの WordPress Cookie 同意ポップアップをカスタマイズできます。
[設定] には、他に 5 つのタブがあり、そのすべてでポップアップのさまざまな種類のカスタマイズが可能です。 全般 タブでは、ポップアップを有効または無効にできます。初めて設定にアクセスすると、デフォルトで有効になります。
「全般」タブが提供するすべてのカスタマイズ オプションを詳しく見てみましょう。
###一般設定###各地域には Cookie に関する独自の法律があります。したがって、Web サイトに最適なオプションを選択する前に、いくつかの調査を行う必要があります。
さらに、ユーザーがスクロールを開始したときに、しばらくしてポップアップを非表示にするかどうかを選択できます。この方法でポップアップが消えた場合は、ユーザーが情報を保存することに同意したとみなしていることを意味します。
このように同意を前提にすることは良い習慣ではありません。実際、ここのユーザーは直接アクセス許可を与えていないため、これは非常に非倫理的です。そのため、このオプションを無効にしましょう。
さあ、
WordPressCookie 同意ポップアップのカスタマイズに進みましょう。 Cookie 同意ポップアップ ウィンドウのカスタマイズ
ご覧のとおり、これは Cookie 同意ポップアップというよりもバナーに近いものです。
ただし、
すべて受け入れるオプションを選択すると、ポップアップは表示されなくなります。これ以上のカスタマイズは表示されません。テスト目的では、変更を確認できるように、このポップアップを表示したままにする必要があります。これを許可するには、「同意を再確認」ウィジェットを有効にします。 これは、
カスタマイズCookie バー > コンテンツ タブに再度アクセスすることで実行できます。
これにより、ポップアップ メニューにアクセスできるボタンを Web サイト上に常に保持できるようになります。必要に応じて、このボタンの位置を変更することもできます。このチュートリアルでは、画面の左下隅にあります。
Cookie 同意バナーをポップアップに変えるには、
「Cookie バーをとして表示」オプションまで下にスクロールし、「ポップアップ」を選択します。必要に応じて、オーバーレイを追加できます。 WordPress Cookie 同意ポップアップにオーバーレイを追加すると、ユーザーはポップアップからアクションを起こすまで Web サイトにアクセスできなくなります。
このタブの他のオプションを使用すると、ポップアップの背景色、フォント色、フォント スタイルを変更できます。ポップアップにカスタム メッセージとカスタム タイトルを追加することもできます。これは、ブランド メッセージを強化するために使用できるオプションです。
しかし、Cookie 同意ポップアップで使用できるボタンのカスタマイズはありますか?
カスタムボタン
デフォルトでは、ポップアップ メニューには 2 つのボタンのみが統合されます。
新しいボタンを追加する方法は次のとおりです:
[cookie_reject]
をCustomize Cookie 列 設定のメッセージ ダイアログに追加します。
拒否ボタンがポップアップにどのように表示されるかは次のとおりです:
ボタンを統合した後、そのサイズ、背景色、文字色などを変更できます。ユーザーが Cookie 同意ポップアップの特定のボタンをクリックしたときにリダイレクトされる別の Web ページへのリンクを追加することもできます。
###結論は###CodeCanyon では、ビジネスの Web サイトの強化に役立つ何千ものプレミアム WordPress プラグインも利用できます。この膨大なプラグインのコレクションを参照すると、マーケティングから電子商取引、ソーシャル メディアに至るまで、あらゆる種類のカテゴリで便利なプラグインが見つかります。
最後のヒントを 1 つ紹介します。Cookie 同意ポップアップは、できるだけシンプルで目立たないようにする必要があります。それは全体的なユーザーエクスペリエンスに貢献します。実際、このヒントは Web サイトに表示したい他のポップアップにも当てはまります。
以上が新しいタイトル: WordPress Cookie 同意ポップアップのデザインの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。