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」のご紹介でした。

関連記事

  1. Jquery modal box plugin
  2. jQuery Panorama Viewer

    JavaScript

    パノラマビューを実装できるjQueryプラグイン「jQuery Panorama Viewer」

    jQuery Panorama Viewerはパノラマビューを実装する…

  3. CSS Emoticons
  4. no-image

    JavaScript

    カスタマイズ性の高いjQueryアラート・モーダル・lightboxプラグイン「jAlert」

    jAlertはカスタマイズ性の高いjQueryアラート・モーダル・li…

  5. Random Quote Machine

    JavaScript

    ランダムにテキスト(クオート)を表示させる「Random Quote Machine」

    Random Quote Machineは、設定したデータのなかからラ…

  6. Sticky Slider Navigation(Responsive)

最近の記事

  1. Kindle Oasis
  2. OWL-WDDESK01
  3. ワンタッチ着脱フィルターキット
  4. Soundcore Ace A1

アーカイブ

PAGE TOP