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. Greedy Navigation

    JavaScript

    レスポンシブ対応でメニューのアイテム数がわかりやすい「Greedy Navigation」

    Greedy Navigationはレスポンシブ対応でメニューのアイテ…

  2. no-image

    JavaScript

    SVGによるドーナッツ状(円形)のチャートを実装できる「donutty」

    donuttyはSVGによるドーナッツ状(円形)のチャートを実装できる…

  3. bringins

    JavaScript

    コンテンツをかっこいいアニメーションページで魅せるjQueryプラグイン「bringins」

    bringinsはWebページ上のコンテンツを、アニメーションページと…

  4. Impulse Slider

    JavaScript

    3Dスライダーを実装できるjQueryプラグイン「Impulse Slider」

    Impulse SliderというjQueryプラグインを使えば3Dス…

  5. ToProgress

    JavaScript

    画面上部に軽量なプログレスバーを実装できる「ToProgress」

    ToProgressは画面上部にシンプルで軽量なプログレスバーを実装で…

  6. jQuery.sdFilterMe

    JavaScript

    コンテンツを並べ替えれるフィルタリング機能の実装「jQuery.sdFilterMe」

    jQuery.sdFilterMeは、ポートフォリオ、記事、ギャラリー…

最近の記事

  1. VS-543AS
  2. タリーズ 本日のコーヒー
  3. MRW-G1
  4. 桜と太陽

アーカイブ

PAGE TOP