WordPress ウェブサイトのフッターに信頼できるフローティング Cookie バーを 1 つ追加する
公開: 2024-02-16WordPress Web サイトのフッターにフローティング Cookie バーを追加する
今日は、 WordPress のフローティング Cookie バーをフッター領域に追加して、Web サイトが Cookie を収集していることを視聴者に通知する実用的な方法を説明します。
目次
フローティング Cookie バーは、Cookie 同意バナーまたは Cookie 通知バーとも呼ばれます。 これは、欧州連合の GDPR やその他の国のプライバシー法など、さまざまなプライバシー法に準拠するために Web サイトで使用される一般的な機能です。
これは、EU eプライバシー指令、EU Cookie 指令などを含む、関連するすべての国際法にサイトが準拠していることを示すのに最適な方法です。
Cookie は、Web ブラウザを介してテキストの形式で Web サイトからユーザーの PC に送信される重要なファイルまたは情報です。
この単純な説明は難しく聞こえるかもしれませんが、オンライン ユーザーの識別と追跡、特定の情報 (オンライン ショッピング カートに追加した商品など) の記憶、閲覧の詳細とアクティビティ (訪問したページ、ログイン) の記録を目的とした便利なメカニズムです。
たとえば、Cookie を使用して Web サイトを閲覧し、サインアップまたはログインするために個人情報を入力すると、名前、電子メール アドレスなどの個人情報が Cookie に詰め込まれ、ブラウザーによって受信され、保存されます。
そして、次回その Web サイトにアクセスするたびに、ブラウザは Cookie をサーバーに送信します。 つまり、そのサイトにアクセスするたびに詳細を入力する必要はありません。
したがって、Cookie を使用すると、Web サイトを歩き回ったりナビゲートしたり、フォームに記入したりすることが容易になります。
Cookie の作成と保存は自動プロセスであり、技術的には Web ユーザーの邪魔になりませんが、Web サイトが Cookie を収集していることをユーザーに知らせる義務があります。
そして、彼らはそれを受け入れるか、(場合によっては)そのまま続行する必要があり、これは彼らがそれに同意していることを意味します。
デジタル形式における Cookie の重要性をまとめたところで、WordPress のフローティング Cookie バーをフッター領域に追加する方法を明らかにしましょう。
Cookie に対応するコンテンツなどの重要なコンテンツを Web サイト訪問者に常に表示したい場合、最良の方法は、フローティング フッター バーにコンテンツを挿入することです。
FTP クライアントまたは cPanel ファイル マネージャーを使用して、フッターにフローティング Cookie バーを手動で作成することから始めましょう。
FTP クライアントの場合は、footer.php ファイルを WP テーマ フォルダーに収め、デスクトップにダウンロードする必要があります。
次のステップはフッターを開くことです。 任意のテキスト エディタで php ファイルを開き、pre タグの直前に以下のコードを追加します。
<div> <div> <ul> <li><a> Cookie 通知が最初の項目です</a></li> <li><a>WordPress.org は 2 番目のアイテムです</a></li> </ul> </div> </div>
次は、フッター領域の WordPress フローティング Cookie バーの必要な視覚化を実現するための CSS スタイル コントロールの部分です。 これを行うには、テンプレートの style.css ファイルに CSS を追加するか、カスタム CSS プラグインのいずれかを使用します。
この時点で、ページが読み込まれるたびにリストに含まれる項目がランダムに表示されるように、jQuery を使用する必要があります。
任意のテキスト エディタで以下のリンクをコピーします。
(関数($) { this.randomtip = function(){ var length = $("#tips li").length; var ran = Math.floor(Math.random()*length) + 1; $("#tips li:nth-child(" + ran + ")").show(); }; $(ドキュメント).ready(function(){ ランダムチップ(); }); })( jQuery );
次に、このファイルを floatbar.js として保存し、FTP クライアントを使用して Web サーバーに接続します。 次に、テーマフォルダーに移動し、jsフォルダーを配置します。 そのようなフォルダーがない場合は、フォルダーを作成し、そのフォルダーに floatbar.js を追加する必要があります。
次のステップでは、以下のコードをfunctions.phpファイルにコピーします。
関数 wpb_floating_bar() { wp_enqueue_script( 'wpb-footerbar', get_stylesheet_directory_uri() . '/js/floatingbar.js', array( 'jquery' ) ); } add_action( 'wp_enqueue_scripts', 'wpb_floating_bar' );
終了した! WordPress フローティング Cookie バーをフッター領域に追加しました。 これで、Web ページをリロードして、リストに含まれる項目がランダムに表示されることを確認できます。
上記のすべてのコーディング管理に圧倒されていると感じる場合は、コードに関する手間が少なくて済む代替オプションを検討することを提案します。
WordPress のフローティング Cookie バーをフッター領域またはサイトの他の場所に簡単に追加できる、便利な Cookie 通知および Cookie 同意 WP プラグインがあります。
1. イタリアのクッキーの選択:
このプラグインは、必要以上の機能を提供する準備ができていますが、WP サイトで使用できる人気のある Cookie 関連ソリューションの 1 つです。
関連するフォルダーをディレクトリにアップロードし、ダッシュボード、プラグイン経由でアクティブ化します。 次に、[設定]、[イタリアの Cookie の選択] に移動して、ニーズに合わせてプラグインを構成します。
このプラグインを使用すると、フッター領域の両方で Cookie バーをすばやくスタイル設定、変更、配置することができ、Web サイト訪問者がサイトを初めて訪問したときにのみ、Cookie ポリシーについて通知することができます。
クッキー バーを標準形式で、大きいボタンまたは小さいボタンで表示するかどうかは自由に選択できます。 上部、ダイアログ、下部などの位置を決めるのもあなたです。
2. Cookie 法に関する情報:
あなたが必要とするものを少し超える次のプラグインは、Cookie Law Info と呼ばれます。 ユーザーと開発者に最適化されたこのプラグインは、200,000 を超えるアクティブ インストールと数千の幸せなクライアントを誇ります。
この製品ではコーディングの知識は必要なく、特定のテキスト、色、スタイルなどを使用して Cookie バーを設定できます。これにより、Cookie バーをサイトの全体的なデザインや外観と組み合わせて組み合わせることができます。
Cookie Law Info を選択した場合のその他の利点としては、このプラグインは WPML および qTranslate プラグインと完全に互換性があるため、必要に応じていつでもテキストを別の言語に翻訳できるようになります。
したがって、このプラグインを使用すると、ヘッダーまたはフッターに Cookie バーを表示するか、数秒後にバーが消えるように設定するか、Web サイト ユーザーがスクロールした場合に Cookie ポリシーを受け入れるかを選択できます。
その他の関連する WordPress プラグイン: WordPress GDPR プラグイン