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. Flex-Slider-jQuery

    JavaScript

    シングルでもマルチでもOKなフレキシブルなスライダー「Flex-Slider-jQuery」

    Flex-Slider-jQueryは、フレキシブルなスライダーを実装…

  2. Lightbox

    JavaScript

    jQuery依存なしのシンプルなライトボックス機能を実装できる「Lightbox」

    LightboxはjQueryに依存することなくシンプルなライトボック…

  3. Light-Zoom

    JavaScript

    CSSを使用した画像ズームを実装できるjQueryプラグイン「Light-Zoom」

    Light-Zoomは純粋なCSSを使用した画像ズーム(拡大)機能を実…

  4. jRCarousel

    JavaScript

    モダンエフェクトなレスポンシブ対応のカルーセル実装「jRCarousel」

    jRCarouselはモダンエフェクトなカルーセルを実装できるjQue…

  5. Add To Cart Interaction
  6. HC Sticky

    JavaScript

    スクロールしても要素を固定できるJSライブラリ「HC Sticky」

    HC Stickyはスクロールした時に特定の要素を固定したまま表示でき…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP