検索
ホームページ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 の数が表示されます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

###一般設定###

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

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

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

さあ、

WordPress

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

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

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

ただし、

すべて受け入れる

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

カスタマイズ

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

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

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

「Cookie バーを

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

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

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

カスタムボタン

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

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

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

[cookie_reject]

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

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

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

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

###結論は###

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

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

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

声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
WordPressは、他の人気のあるCMSプラットフォームと比較してどうですか?WordPressは、他の人気のあるCMSプラットフォームと比較してどうですか?May 02, 2025 am 12:18 AM

wordpressexcelsineaseofuseandaptaptability、makeitideal forbeginnersandsmalltomedium-sizedinesses.1)Easeofuse:wordpressisuser-frendly.2)セキュリティ:DrupalleadSwithSecurityFeatures.3)パフォーマンス:GhostoffersexcellencedueTonode.4)scal

WordPressを使用してメンバーシップサイトを構築できますか?WordPressを使用してメンバーシップサイトを構築できますか?May 01, 2025 am 12:08 AM

はい、YouCanuseWordPressTobuildAmberShiTeThite.Hore'show:1)usepluginslikememberpress、paidmembersubscriptions、orwooocommerceforusermanagement、contentaccesscontrol.2)ensurecontententrectectionwithdatedditedditionalsurationuresures

WordPressは、CMSとして使用するためにコーディングの知識が必要ですか?WordPressは、CMSとして使用するためにコーディングの知識が必要ですか?Apr 30, 2025 am 12:03 AM

WordPressを使用するためにプログラミングの知識は必要ありませんが、プログラミングをマスターするとエクスペリエンスが向上する可能性があります。 1)CSSとHTMLを使用して、テーマスタイルを調整します。 2)PHPの知識は、トピックファイルを編集して機能を追加できます。 3)カスタムプラグインとメタタグはSEOを最適化できます。 4)更新の問題を防ぐために、サブトピックのバックアップと使用に注意してください。

WordPressを使用する際のセキュリティ上の考慮事項は何ですか?WordPressを使用する際のセキュリティ上の考慮事項は何ですか?Apr 29, 2025 am 12:01 AM

tosecureawwordpresssite、soflowthesesteps:1)定期的にwordpresscore、themes、およびpluginstopatchvulnerabilities.2)usestrong、usestrong、usestrong、sonsandenabletototothentication.3)optformanagedagedwordpresshosting arehoredhoredhoredhored hosting withebapplicationfirewaal

WordPressは他のWebサイトビルダーとどのように比較されますか?WordPressは他のWebサイトビルダーとどのように比較されますか?Apr 28, 2025 am 12:04 AM

wordpressexexexexexcelsoverwebsitebuildersduetoits ffficability、scalability、andopen-sourcenature.1)それは、aversatilecmswitextensive sustomizationoptionsviathemesandplugins.2)その学習中心部のスチッピアベッタービューターフルフルフルフルフルフルフルカンセーズ。3)

2025年に開発者が使用できる5つのWordPressプラグイン2025年に開発者が使用できる5つのWordPressプラグインApr 27, 2025 am 08:25 AM

2025年のウェブサイト開発のための7つの必須ワードプレスプラグイン 2025年に一流のWordPress Webサイトを構築するには、速度、応答性、およびスケーラビリティが必要です。 これを効率的に達成することは、しばしば戦略的なプラグインの選択にかかっています。 この記事Highlig

WordPressは何のために使用しますか?WordPressは何のために使用しますか?Apr 27, 2025 am 12:14 AM

wordpresscanbeusedpurposesbeyondblogging.1)e-ocommerce:withwoocommerce、itcanbecomeafulloninestore.2)メンバーシップサイト:Pluginslikememberpressenable clusivecontentareas.3)ポートフォリオソイト:ThemeslikeasieasiestraololowStunnningStunnningStunnningStunnningStuntunnneDayOutssuntunnneaTuntunnnedrayOutuntuntuntunnnedraySuts

WordPressはポートフォリオWebサイトを作成するのに適していますか?WordPressはポートフォリオWebサイトを作成するのに適していますか?Apr 26, 2025 am 12:05 AM

はい、wordpressisexcellentforcreatingportfoliowebsite.1)itoffers numersportfolio cilems like'astra'astra'foreasycustomization.2)プラグインエレメントレメントレディングの装飾、思想的な態度環境を

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

mPDF

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

MantisBT

MantisBT

Mantis は、製品の欠陥追跡を支援するために設計された、導入が簡単な Web ベースの欠陥追跡ツールです。 PHP、MySQL、Web サーバーが必要です。デモおよびホスティング サービスをチェックしてください。

SAP NetWeaver Server Adapter for Eclipse

SAP NetWeaver Server Adapter for Eclipse

Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター