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. JavaScript

    シンプル・軽量・簡単なLightBox系モーダルウィンドウのjQueryプラグイン「portBox」…

    portBoxというjQueryプラグインを使えばシンプルで軽量なLi…

  2. Glide.js
  3. no-image
  4. PreViewTube.js
  5. plusGallery

    JavaScript

    Google+のような画像ギャラリーを実装できる「plusGallery」

    plusGalleryはGoogle+のような画像ギャラリーを実装する…

最近の記事

  1. チャイラテ
  2. ベーコンエッグアボカドトーストとゆずジンジャーアップル
  3. COMOLI ナッピングウールショーツ
  4. 川上庵(麻布十番)牡蠣天せいろ
  5. COMOLI ウールフリースセットアップ
PAGE TOP