no-image

JavaScript

クッキーバナーを手軽に作れるjQueryプラグイン「Cookie Banner JS」

Cookie Banner JSは、Webサイト上に表示させるクッキーバナーを手軽に作ることができるjQueryプラグインです。よくあるクッキー(Cookie)の許可をユーザーから得るためのバナーを表示させたい時なんかに活用できますね。

Cookie Banner JS

Cookie Banner JS

デモでは画面上部にクッキーバナーが表示されています。サイト上でのクッキーに関する本文やクッキーポリシーへのリンク、または「Accept & Close」ボタンが設置されています。

「Accept & Close」ボタンをクリックすると、スライドアニメーションとともにクッキーバナーが閉じられます。シンプルなデザインなので、いろんなサイトに合わせやすそうですね。ちなみに、閉じる際のアニメーションは、クリックイベントからオン・オフの切り替えが可能です。アニメーションをオフにする場合は、下記のようなセッティングをします。

animate: {
    close: false
}

そのほか、cookieプロパティでは、name、value、textの値の設定ができたり、linkプロパティでは、urlやtextの指定ができたりと、さまざまな項目を手軽にセッティングすることが可能です。また上記以外にも、expires、path、domain、secureなど、いろんな項目が用意されています。

シンプルな機能&デザインで、使い方も簡単なのでサクッと手軽に実装できそうですね。クッキーバナーをイチから作るのは大変だと思っている人は、ぜひ「Cookie Banner JS」を活用されてみてはいかがでしょうか?

というわけで、クッキーバナーを手軽に実装できるjQueryプラグイン「Cookie Banner JS」のご紹介でした。

SimpleAccordionシンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」前のページ

モバイル用のリフレッシュインジケーターを実装できる「ptrLight」次のページptrLight

関連記事

  1. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  2. justContext.js

    JavaScript

    シンプルなコンテキストメニューを実装できる「justContext.js」

    justContext.jsはjQueryなどを必要とせずに(ピュア …

  3. Lazy Load

    JavaScript

    画像の読み込みを遅らせてスクロールに合わせて表示させるjQueryプラグイン「Lazy Load」

    画像の読み込みを遅らせて表示させることができるjQueryプラグイン「…

  4. popModal

    JavaScript

    6種類のモーダルウィンドウを実装できる「popModal」

    popModalは6種類のモーダルウィンドウを実装することができるjQ…

  5. no-image

    JavaScript

    レスポンシブでスタイリッシュな「lightbox-jquery-plugin」

    lightbox-jquery-pluginは、レスポンシブに対応した…

最近の記事

  1. ゴムの耳栓
  2. ライオンコーヒー(バニラマカダミア)
PAGE TOP