ショーケース クッキー 同意ポップアップ ユーザーエクスペリエンスの向上に役立つだけでなく、GDPRなどのプライバシー法を遵守する上でも重要な役割を果たします。の使用は エレメンタル?プロ ポップアップビルダーは、美しく機能的なポップアップを簡単に作成できます。 クッキー?リマインダーこの記事では、コードを一行も書くことなく、典型的なクッキー同意ポップアップを作成するプロセスを順を追って説明します。この記事では、典型的なクッキー同意ポップアップを作成する手順を順を追って説明し、Elementorによって提供されるさまざまなポップアップスタイルを紹介します。

なぜクッキーの同意ポップアップを作成するのですか？

クッキー同意ポップアップを作成する主な目的は以下のとおりです。ますます厳しくなるグローバルなデータプライバシー規(guī)制への対応これらの法律には、EUのGDPR、カリフォルニア州のCCPAなどが含まれます。これらの法律は、ウェブサイトがユーザーの行動を追跡し、データを収集するためにクッキーを使用する前に、次のことを義務(wù)付けています。利用者の明示的な同意の取得クッキーのポップアップを設(shè)定することで、ウェブサイトは法的に遵守した運営を行うだけでなく、ユーザーの信頼を高めることができます。はっきりと目に見えるクッキーのポップアップを設(shè)定することで、ウェブサイトは法的に遵守した運営を行うだけでなく、ユーザーの信頼を高め、訪問者に自分のデータがどのように使用されているかを正確に知らせることができます。これは法的責(zé)任だけでなく、ウェブサイトがユーザーのプライバシーを尊重し保護する方法でもあります。

手続き

ステップ1：ポップアップビルダーを開き、名前を付ける。

ショートカットの使用 コマンド＋E(Windowsの場合） Ctrl + E)を開いてください。 ファインダーツールバー次に「新しいポップアップを作成」を選択します。ポップアップ畫面で、ポップアップに「Cookie Consent」などの名前を付けます。

ステップ2：ポップアップテンプレートの種類を理解する

Elementorには様々なポップアップスタイルがプリセットされています。 カテゴリー」ドロップダウンメニューをクリックすると、以下のようなよく使われるタイプのポップアップが表示されます：

• クラシック最も一般的なフローティングウィンドウで、購読フォームやプロモーション用のポップアップに適しています。
• フライ?イン畫面の端から飛んできて、ユーザーの注意を引く。
• フルスクリーン特定のCTAや期間限定イベントを強調(diào)するのに最適です。
• ハローバー（トップバー）主にお知らせや割引情報などに使用します。
• スライドイン（サイドスライドイン）畫面の一部を占め、商品のおすすめやアンケートに適しています。
• ボトムバークッキーバナーに適しています。

ステップ3：クッキーの同意ポップアップを編集する

• ボトムバー?タイプを選択 テンプレート

• ボタンテキストの修正ボタンのテキストが"受諾して閉じる".

• コミッション 「クリックしても表示されなくなった 機能(Don't Show Again)を使えば、ユーザーは「同意する」をクリックし、二度と表示しないことができる。

• ボタンサイズを大きくするフォントをスタイルに設(shè)定する、背景色(カラーパレットまたはHexコードを使用できます）。

• コピーボタンを押し、もう一方を"減少「オプション
  • 色の変更
  • フォントサイズの調(diào)整
  • 視覚的なコントラストのために下線スタイルを追加する

ステップ4：ポップアップウィンドウの全體的なスタイルを最適化する

• テキスト左ボタンが正しいか、均等に配置されている。

• 左下隅をクリック ギアアイコンの設(shè)定 ポップアップ設(shè)定へ
  • オーバーレイを閉じる
  • 詳細設(shè)定」で 背景をクリックしてESCキーを押しても、ポップアップウィンドウが閉じません。

ステップ5：表示條件とトリガー方法の設(shè)定

• 條件ポップアップを表示するページを設(shè)定します。
  • 例：サイト全體に表示される利用規(guī)約」ページを除く

• トリガー::
  • に設(shè)定します。 ページロード直後の表示（ページロード）
  • スライダーを開く

ステップ6：効果のプレビューと相互作用のテスト

あなたのウェブサイトのフロントエンドを開くと、すぐに作成したクッキーのポップアップが表示されます。をクリックしてください。受け入れ「または拒否"をクリックし、ポップアップ?ウィンドウが期待通りに隠れるか、表示され続けるかを観察し、ロジックが正しいことを確認する。

概要

Elementor Proのポップアップビルダーを使えば、GDPRとCCPAに準拠したクッキー同意ポップアップを驚くほど簡単に作成できます。ページ下部にリマインダーバーを表示したい場合でも、より魅力的なポップアップスタイルを選択したい場合でも、Elementorは柔軟で強力なデザイン機能を提供します。

WordPress関連のチュートリアルや情報については、以下のリンクを參照してください。光子ゆらぎネットワーク最も充実したWordPressチュートリアルと、最もアクティブなWordPress Exchange コミュニティ.

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業(yè)サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨詢：1025174874
三 Eメール：info@361sale.com
④ 勤務(wù)時間: 月～金、9:30～18:30、祝日休み